Individual connector page (#640)

backend/danswer/db/connector_credential_pair.py

@@ -39,6 +39,16 @@ def get_connector_credential_pair(
     return result.scalar_one_or_none()
 
 
+def get_connector_credential_pair_from_id(
+    cc_pair_id: int,
+    db_session: Session,
+) -> ConnectorCredentialPair | None:
+    stmt = select(ConnectorCredentialPair)
+    stmt = stmt.where(ConnectorCredentialPair.id == cc_pair_id)
+    result = db_session.execute(stmt)
+    return result.scalar_one_or_none()
+
+
 def get_last_successful_attempt_time(
     connector_id: int,
     credential_id: int,

backend/danswer/db/index_attempt.py

@@ -150,6 +150,24 @@ def get_latest_index_attempts(
     return db_session.execute(stmt).scalars().all()
 
 
+def get_index_attempts_for_cc_pair(
+    db_session: Session, cc_pair_identifier: ConnectorCredentialPairIdentifier
+) -> Sequence[IndexAttempt]:
+    stmt = (
+        select(IndexAttempt)
+        .where(
+            and_(
+                IndexAttempt.connector_id == cc_pair_identifier.connector_id,
+                IndexAttempt.credential_id == cc_pair_identifier.credential_id,
+            )
+        )
+        .order_by(
+            IndexAttempt.time_created.desc(),
+        )
+    )
+    return db_session.execute(stmt).scalars().all()
+
+
 def delete_index_attempts(
     connector_id: int,
     credential_id: int,

backend/danswer/main.py

@@ -33,7 +33,9 @@ from danswer.configs.model_configs import SKIP_RERANKING
 from danswer.datastores.document_index import get_default_document_index
 from danswer.db.credentials import create_initial_public_credential
 from danswer.direct_qa.llm_utils import get_default_qa_model
+from danswer.server.cc_pair.api import router as cc_pair_router
 from danswer.server.chat_backend import router as chat_router
+from danswer.server.connector import router as connector_router
 from danswer.server.credential import router as credential_router
 from danswer.server.document_set import router as document_set_router
 from danswer.server.event_loading import router as event_processing_router
@@ -77,7 +79,9 @@ def get_application() -> FastAPI:
     application.include_router(event_processing_router)
     application.include_router(admin_router)
     application.include_router(user_router)
+    application.include_router(connector_router)
     application.include_router(credential_router)
+    application.include_router(cc_pair_router)
     application.include_router(document_set_router)
     application.include_router(slack_bot_management_router)
     application.include_router(state_router)

backend/danswer/server/cc_pair/api.py

@@ -0,0 +1,67 @@
+from fastapi import APIRouter
+from fastapi import Depends
+from fastapi import HTTPException
+from sqlalchemy.orm import Session
+
+from danswer.auth.users import current_admin_user
+from danswer.background.celery.celery_utils import get_deletion_status
+from danswer.db.connector_credential_pair import get_connector_credential_pair_from_id
+from danswer.db.document import get_document_cnts_for_cc_pairs
+from danswer.db.engine import get_session
+from danswer.db.index_attempt import get_index_attempts_for_cc_pair
+from danswer.db.models import User
+from danswer.server.cc_pair.models import CCPairFullInfo
+from danswer.server.models import ConnectorCredentialPairIdentifier
+
+
+router = APIRouter(prefix="/manage")
+
+
+@router.get("/admin/cc-pair/{cc_pair_id}")
+def get_cc_pair_full_info(
+    cc_pair_id: int,
+    _: User | None = Depends(current_admin_user),
+    db_session: Session = Depends(get_session),
+) -> CCPairFullInfo:
+    cc_pair = get_connector_credential_pair_from_id(
+        cc_pair_id=cc_pair_id,
+        db_session=db_session,
+    )
+    if cc_pair is None:
+        raise HTTPException(
+            status_code=400,
+            detail=f"Connector Credential Pair with id {cc_pair_id} not found.",
+        )
+
+    cc_pair_identifier = ConnectorCredentialPairIdentifier(
+        connector_id=cc_pair.connector_id,
+        credential_id=cc_pair.credential_id,
+    )
+
+    index_attempts = get_index_attempts_for_cc_pair(
+        db_session=db_session,
+        cc_pair_identifier=cc_pair_identifier,
+    )
+
+    document_count_info_list = list(
+        get_document_cnts_for_cc_pairs(
+            db_session=db_session,
+            cc_pair_identifiers=[cc_pair_identifier],
+        )
+    )
+    documents_indexed = (
+        document_count_info_list[0][-1] if document_count_info_list else 0
+    )
+
+    latest_deletion_attempt = get_deletion_status(
+        connector_id=cc_pair.connector.id,
+        credential_id=cc_pair.credential.id,
+        db_session=db_session,
+    )
+
+    return CCPairFullInfo.from_models(
+        cc_pair_model=cc_pair,
+        index_attempt_models=list(index_attempts),
+        latest_deletion_attempt=latest_deletion_attempt,
+        num_docs_indexed=documents_indexed,
+    )

backend/danswer/server/cc_pair/models.py

@@ -0,0 +1,43 @@
+from pydantic import BaseModel
+
+from danswer.db.models import ConnectorCredentialPair
+from danswer.db.models import IndexAttempt
+from danswer.server.models import ConnectorSnapshot
+from danswer.server.models import CredentialSnapshot
+from danswer.server.models import DeletionAttemptSnapshot
+from danswer.server.models import IndexAttemptSnapshot
+
+
+class CCPairFullInfo(BaseModel):
+    id: int
+    name: str
+    num_docs_indexed: int
+    connector: ConnectorSnapshot
+    credential: CredentialSnapshot
+    index_attempts: list[IndexAttemptSnapshot]
+    latest_deletion_attempt: DeletionAttemptSnapshot | None
+
+    @classmethod
+    def from_models(
+        cls,
+        cc_pair_model: ConnectorCredentialPair,
+        index_attempt_models: list[IndexAttempt],
+        latest_deletion_attempt: DeletionAttemptSnapshot | None,
+        num_docs_indexed: int,  # not ideal, but this must be computed seperately
+    ) -> "CCPairFullInfo":
+        return cls(
+            id=cc_pair_model.id,
+            name=cc_pair_model.name,
+            num_docs_indexed=num_docs_indexed,
+            connector=ConnectorSnapshot.from_connector_db_model(
+                cc_pair_model.connector
+            ),
+            credential=CredentialSnapshot.from_credential_db_model(
+                cc_pair_model.credential
+            ),
+            index_attempts=[
+                IndexAttemptSnapshot.from_index_attempt_db_model(index_attempt_model)
+                for index_attempt_model in index_attempt_models
+            ],
+            latest_deletion_attempt=latest_deletion_attempt,
+        )

backend/danswer/server/connector.py

@@ -0,0 +1,480 @@
+from typing import cast
+
+from fastapi import APIRouter
+from fastapi import Depends
+from fastapi import HTTPException
+from fastapi import Request
+from fastapi import Response
+from fastapi import UploadFile
+from sqlalchemy.orm import Session
+
+from danswer.auth.users import current_admin_user
+from danswer.auth.users import current_user
+from danswer.background.celery.celery_utils import get_deletion_status
+from danswer.connectors.file.utils import write_temp_files
+from danswer.connectors.google_drive.connector_auth import build_service_account_creds
+from danswer.connectors.google_drive.connector_auth import delete_google_app_cred
+from danswer.connectors.google_drive.connector_auth import delete_service_account_key
+from danswer.connectors.google_drive.connector_auth import get_auth_url
+from danswer.connectors.google_drive.connector_auth import get_google_app_cred
+from danswer.connectors.google_drive.connector_auth import (
+    get_google_drive_creds_for_authorized_user,
+)
+from danswer.connectors.google_drive.connector_auth import get_service_account_key
+from danswer.connectors.google_drive.connector_auth import (
+    update_credential_access_tokens,
+)
+from danswer.connectors.google_drive.connector_auth import upsert_google_app_cred
+from danswer.connectors.google_drive.connector_auth import upsert_service_account_key
+from danswer.connectors.google_drive.connector_auth import verify_csrf
+from danswer.connectors.google_drive.constants import DB_CREDENTIALS_DICT_TOKEN_KEY
+from danswer.db.connector import create_connector
+from danswer.db.connector import delete_connector
+from danswer.db.connector import fetch_connector_by_id
+from danswer.db.connector import fetch_connectors
+from danswer.db.connector import get_connector_credential_ids
+from danswer.db.connector import update_connector
+from danswer.db.connector_credential_pair import get_connector_credential_pairs
+from danswer.db.credentials import create_credential
+from danswer.db.credentials import delete_google_drive_service_account_credentials
+from danswer.db.credentials import fetch_credential_by_id
+from danswer.db.deletion_attempt import check_deletion_attempt_is_allowed
+from danswer.db.document import get_document_cnts_for_cc_pairs
+from danswer.db.engine import get_session
+from danswer.db.index_attempt import create_index_attempt
+from danswer.db.index_attempt import get_latest_index_attempts
+from danswer.db.models import User
+from danswer.dynamic_configs.interface import ConfigNotFoundError
+from danswer.server.models import AuthStatus
+from danswer.server.models import AuthUrl
+from danswer.server.models import ConnectorBase
+from danswer.server.models import ConnectorCredentialPairIdentifier
+from danswer.server.models import ConnectorIndexingStatus
+from danswer.server.models import ConnectorSnapshot
+from danswer.server.models import CredentialSnapshot
+from danswer.server.models import FileUploadResponse
+from danswer.server.models import GDriveCallback
+from danswer.server.models import GoogleAppCredentials
+from danswer.server.models import GoogleServiceAccountCredentialRequest
+from danswer.server.models import GoogleServiceAccountKey
+from danswer.server.models import IndexAttemptSnapshot
+from danswer.server.models import ObjectCreationIdResponse
+from danswer.server.models import RunConnectorRequest
+from danswer.server.models import StatusResponse
+
+_GOOGLE_DRIVE_CREDENTIAL_ID_COOKIE_NAME = "google_drive_credential_id"
+
+
+router = APIRouter(prefix="/manage")
+
+
+"""Admin only API endpoints"""
+
+
+@router.get("/admin/connector/google-drive/app-credential")
+def check_google_app_credentials_exist(
+    _: User = Depends(current_admin_user),
+) -> dict[str, str]:
+    try:
+        return {"client_id": get_google_app_cred().web.client_id}
+    except ConfigNotFoundError:
+        raise HTTPException(status_code=404, detail="Google App Credentials not found")
+
+
+@router.put("/admin/connector/google-drive/app-credential")
+def upsert_google_app_credentials(
+    app_credentials: GoogleAppCredentials, _: User = Depends(current_admin_user)
+) -> StatusResponse:
+    try:
+        upsert_google_app_cred(app_credentials)
+    except ValueError as e:
+        raise HTTPException(status_code=400, detail=str(e))
+
+    return StatusResponse(
+        success=True, message="Successfully saved Google App Credentials"
+    )
+
+
+@router.delete("/admin/connector/google-drive/app-credential")
+def delete_google_app_credentials(
+    _: User = Depends(current_admin_user),
+) -> StatusResponse:
+    try:
+        delete_google_app_cred()
+    except ConfigNotFoundError as e:
+        raise HTTPException(status_code=400, detail=str(e))
+
+    return StatusResponse(
+        success=True, message="Successfully deleted Google App Credentials"
+    )
+
+
+@router.get("/admin/connector/google-drive/service-account-key")
+def check_google_service_account_key_exist(
+    _: User = Depends(current_admin_user),
+) -> dict[str, str]:
+    try:
+        return {"service_account_email": get_service_account_key().client_email}
+    except ConfigNotFoundError:
+        raise HTTPException(
+            status_code=404, detail="Google Service Account Key not found"
+        )
+
+
+@router.put("/admin/connector/google-drive/service-account-key")
+def upsert_google_service_account_key(
+    service_account_key: GoogleServiceAccountKey, _: User = Depends(current_admin_user)
+) -> StatusResponse:
+    try:
+        upsert_service_account_key(service_account_key)
+    except ValueError as e:
+        raise HTTPException(status_code=400, detail=str(e))
+
+    return StatusResponse(
+        success=True, message="Successfully saved Google Service Account Key"
+    )
+
+
+@router.delete("/admin/connector/google-drive/service-account-key")
+def delete_google_service_account_key(
+    _: User = Depends(current_admin_user),
+) -> StatusResponse:
+    try:
+        delete_service_account_key()
+    except ConfigNotFoundError as e:
+        raise HTTPException(status_code=400, detail=str(e))
+
+    return StatusResponse(
+        success=True, message="Successfully deleted Google Service Account Key"
+    )
+
+
+@router.put("/admin/connector/google-drive/service-account-credential")
+def upsert_service_account_credential(
+    service_account_credential_request: GoogleServiceAccountCredentialRequest,
+    user: User | None = Depends(current_admin_user),
+    db_session: Session = Depends(get_session),
+) -> ObjectCreationIdResponse:
+    """Special API which allows the creation of a credential for a service account.
+    Combines the input with the saved service account key to create an entry in the
+    `Credential` table."""
+    try:
+        credential_base = build_service_account_creds(
+            delegated_user_email=service_account_credential_request.google_drive_delegated_user
+        )
+    except ConfigNotFoundError as e:
+        raise HTTPException(status_code=400, detail=str(e))
+
+    # first delete all existing service account credentials
+    delete_google_drive_service_account_credentials(user, db_session)
+    # `user=None` since this credential is not a personal credential
+    return create_credential(
+        credential_data=credential_base, user=user, db_session=db_session
+    )
+
+
+@router.get("/admin/connector/google-drive/check-auth/{credential_id}")
+def check_drive_tokens(
+    credential_id: int,
+    user: User = Depends(current_admin_user),
+    db_session: Session = Depends(get_session),
+) -> AuthStatus:
+    db_credentials = fetch_credential_by_id(credential_id, user, db_session)
+    if (
+        not db_credentials
+        or DB_CREDENTIALS_DICT_TOKEN_KEY not in db_credentials.credential_json
+    ):
+        return AuthStatus(authenticated=False)
+    token_json_str = str(db_credentials.credential_json[DB_CREDENTIALS_DICT_TOKEN_KEY])
+    google_drive_creds = get_google_drive_creds_for_authorized_user(
+        token_json_str=token_json_str
+    )
+    if google_drive_creds is None:
+        return AuthStatus(authenticated=False)
+    return AuthStatus(authenticated=True)
+
+
+@router.get("/admin/connector/google-drive/authorize/{credential_id}")
+def admin_google_drive_auth(
+    response: Response, credential_id: str, _: User = Depends(current_admin_user)
+) -> AuthUrl:
+    # set a cookie that we can read in the callback (used for `verify_csrf`)
+    response.set_cookie(
+        key=_GOOGLE_DRIVE_CREDENTIAL_ID_COOKIE_NAME,
+        value=credential_id,
+        httponly=True,
+        max_age=600,
+    )
+    return AuthUrl(auth_url=get_auth_url(credential_id=int(credential_id)))
+
+
+@router.post("/admin/connector/file/upload")
+def upload_files(
+    files: list[UploadFile], _: User = Depends(current_admin_user)
+) -> FileUploadResponse:
+    for file in files:
+        if not file.filename:
+            raise HTTPException(status_code=400, detail="File name cannot be empty")
+    try:
+        file_paths = write_temp_files(
+            [(cast(str, file.filename), file.file) for file in files]
+        )
+    except ValueError as e:
+        raise HTTPException(status_code=400, detail=str(e))
+    return FileUploadResponse(file_paths=file_paths)
+
+
+@router.get("/admin/connector/indexing-status")
+def get_connector_indexing_status(
+    _: User = Depends(current_admin_user),
+    db_session: Session = Depends(get_session),
+) -> list[ConnectorIndexingStatus]:
+    indexing_statuses: list[ConnectorIndexingStatus] = []
+
+    # TODO: make this one query
+    cc_pairs = get_connector_credential_pairs(db_session)
+    cc_pair_identifiers = [
+        ConnectorCredentialPairIdentifier(
+            connector_id=cc_pair.connector_id, credential_id=cc_pair.credential_id
+        )
+        for cc_pair in cc_pairs
+    ]
+
+    latest_index_attempts = get_latest_index_attempts(
+        db_session=db_session,
+        connector_credential_pair_identifiers=cc_pair_identifiers,
+    )
+    cc_pair_to_latest_index_attempt = {
+        (index_attempt.connector_id, index_attempt.credential_id): index_attempt
+        for index_attempt in latest_index_attempts
+    }
+
+    document_count_info = get_document_cnts_for_cc_pairs(
+        db_session=db_session,
+        cc_pair_identifiers=cc_pair_identifiers,
+    )
+    cc_pair_to_document_cnt = {
+        (connector_id, credential_id): cnt
+        for connector_id, credential_id, cnt in document_count_info
+    }
+
+    for cc_pair in cc_pairs:
+        connector = cc_pair.connector
+        credential = cc_pair.credential
+        latest_index_attempt = cc_pair_to_latest_index_attempt.get(
+            (connector.id, credential.id)
+        )
+        indexing_statuses.append(
+            ConnectorIndexingStatus(
+                cc_pair_id=cc_pair.id,
+                name=cc_pair.name,
+                connector=ConnectorSnapshot.from_connector_db_model(connector),
+                credential=CredentialSnapshot.from_credential_db_model(credential),
+                public_doc=cc_pair.is_public,
+                owner=credential.user.email if credential.user else "",
+                last_status=cc_pair.last_attempt_status,
+                last_success=cc_pair.last_successful_index_time,
+                docs_indexed=cc_pair_to_document_cnt.get(
+                    (connector.id, credential.id), 0
+                ),
+                error_msg=latest_index_attempt.error_msg
+                if latest_index_attempt
+                else None,
+                latest_index_attempt=IndexAttemptSnapshot.from_index_attempt_db_model(
+                    latest_index_attempt
+                )
+                if latest_index_attempt
+                else None,
+                deletion_attempt=get_deletion_status(
+                    connector_id=connector.id,
+                    credential_id=credential.id,
+                    db_session=db_session,
+                ),
+                is_deletable=check_deletion_attempt_is_allowed(
+                    connector_credential_pair=cc_pair
+                ),
+            )
+        )
+
+    return indexing_statuses
+
+
+@router.post("/admin/connector")
+def create_connector_from_model(
+    connector_info: ConnectorBase,
+    _: User = Depends(current_admin_user),
+    db_session: Session = Depends(get_session),
+) -> ObjectCreationIdResponse:
+    try:
+        return create_connector(connector_info, db_session)
+    except ValueError as e:
+        raise HTTPException(status_code=400, detail=str(e))
+
+
+@router.patch("/admin/connector/{connector_id}")
+def update_connector_from_model(
+    connector_id: int,
+    connector_data: ConnectorBase,
+    _: User = Depends(current_admin_user),
+    db_session: Session = Depends(get_session),
+) -> ConnectorSnapshot | StatusResponse[int]:
+    updated_connector = update_connector(connector_id, connector_data, db_session)
+    if updated_connector is None:
+        raise HTTPException(
+            status_code=404, detail=f"Connector {connector_id} does not exist"
+        )
+
+    return ConnectorSnapshot(
+        id=updated_connector.id,
+        name=updated_connector.name,
+        source=updated_connector.source,
+        input_type=updated_connector.input_type,
+        connector_specific_config=updated_connector.connector_specific_config,
+        refresh_freq=updated_connector.refresh_freq,
+        credential_ids=[
+            association.credential.id for association in updated_connector.credentials
+        ],
+        time_created=updated_connector.time_created,
+        time_updated=updated_connector.time_updated,
+        disabled=updated_connector.disabled,
+    )
+
+
+@router.delete("/admin/connector/{connector_id}", response_model=StatusResponse[int])
+def delete_connector_by_id(
+    connector_id: int,
+    _: User = Depends(current_admin_user),
+    db_session: Session = Depends(get_session),
+) -> StatusResponse[int]:
+    try:
+        with db_session.begin():
+            return delete_connector(db_session=db_session, connector_id=connector_id)
+    except AssertionError:
+        raise HTTPException(status_code=400, detail="Connector is not deletable")
+
+
+@router.post("/admin/connector/run-once")
+def connector_run_once(
+    run_info: RunConnectorRequest,
+    _: User = Depends(current_admin_user),
+    db_session: Session = Depends(get_session),
+) -> StatusResponse[list[int]]:
+    connector_id = run_info.connector_id
+    specified_credential_ids = run_info.credential_ids
+    try:
+        possible_credential_ids = get_connector_credential_ids(
+            run_info.connector_id, db_session
+        )
+    except ValueError:
+        raise HTTPException(
+            status_code=404,
+            detail=f"Connector by id {connector_id} does not exist.",
+        )
+
+    if not specified_credential_ids:
+        credential_ids = possible_credential_ids
+    else:
+        if set(specified_credential_ids).issubset(set(possible_credential_ids)):
+            credential_ids = specified_credential_ids
+        else:
+            raise HTTPException(
+                status_code=400,
+                detail="Not all specified credentials are associated with connector",
+            )
+
+    if not credential_ids:
+        raise HTTPException(
+            status_code=400,
+            detail="Connector has no valid credentials, cannot create index attempts.",
+        )
+
+    index_attempt_ids = [
+        create_index_attempt(run_info.connector_id, credential_id, db_session)
+        for credential_id in credential_ids
+    ]
+    return StatusResponse(
+        success=True,
+        message=f"Successfully created {len(index_attempt_ids)} index attempts",
+        data=index_attempt_ids,
+    )
+
+
+"""Endpoints for basic users"""
+
+
+@router.get("/connector/google-drive/authorize/{credential_id}")
+def google_drive_auth(
+    response: Response, credential_id: str, _: User = Depends(current_user)
+) -> AuthUrl:
+    # set a cookie that we can read in the callback (used for `verify_csrf`)
+    response.set_cookie(
+        key=_GOOGLE_DRIVE_CREDENTIAL_ID_COOKIE_NAME,
+        value=credential_id,
+        httponly=True,
+        max_age=600,
+    )
+    return AuthUrl(auth_url=get_auth_url(int(credential_id)))
+
+
+@router.get("/connector/google-drive/callback")
+def google_drive_callback(
+    request: Request,
+    callback: GDriveCallback = Depends(),
+    user: User = Depends(current_user),
+    db_session: Session = Depends(get_session),
+) -> StatusResponse:
+    credential_id_cookie = request.cookies.get(_GOOGLE_DRIVE_CREDENTIAL_ID_COOKIE_NAME)
+    if credential_id_cookie is None or not credential_id_cookie.isdigit():
+        raise HTTPException(
+            status_code=401, detail="Request did not pass CSRF verification."
+        )
+    credential_id = int(credential_id_cookie)
+    verify_csrf(credential_id, callback.state)
+    if (
+        update_credential_access_tokens(callback.code, credential_id, user, db_session)
+        is None
+    ):
+        raise HTTPException(
+            status_code=500, detail="Unable to fetch Google Drive access tokens"
+        )
+
+    return StatusResponse(success=True, message="Updated Google Drive access tokens")
+
+
+@router.get("/connector")
+def get_connectors(
+    _: User = Depends(current_user),
+    db_session: Session = Depends(get_session),
+) -> list[ConnectorSnapshot]:
+    connectors = fetch_connectors(db_session)
+    return [
+        ConnectorSnapshot.from_connector_db_model(connector) for connector in connectors
+    ]
+
+
+@router.get("/connector/{connector_id}")
+def get_connector_by_id(
+    connector_id: int,
+    _: User = Depends(current_user),
+    db_session: Session = Depends(get_session),
+) -> ConnectorSnapshot | StatusResponse[int]:
+    connector = fetch_connector_by_id(connector_id, db_session)
+    if connector is None:
+        raise HTTPException(
+            status_code=404, detail=f"Connector {connector_id} does not exist"
+        )
+
+    return ConnectorSnapshot(
+        id=connector.id,
+        name=connector.name,
+        source=connector.source,
+        input_type=connector.input_type,
+        connector_specific_config=connector.connector_specific_config,
+        refresh_freq=connector.refresh_freq,
+        credential_ids=[
+            association.credential.id for association in connector.credentials
+        ],
+        time_created=connector.time_created,
+        time_updated=connector.time_updated,
+        disabled=connector.disabled,
+    )

backend/danswer/server/manage.py

@@ -6,56 +6,22 @@ from typing import cast
 from fastapi import APIRouter
 from fastapi import Depends
 from fastapi import HTTPException
-from fastapi import Request
-from fastapi import Response
-from fastapi import UploadFile
 from sqlalchemy.exc import IntegrityError
 from sqlalchemy.orm import Session
 
 from danswer.auth.users import current_admin_user
 from danswer.auth.users import current_user
-from danswer.background.celery.celery_utils import get_deletion_status
 from danswer.configs.app_configs import DISABLE_GENERATIVE_AI
 from danswer.configs.app_configs import GENERATIVE_MODEL_ACCESS_CHECK_FREQ
 from danswer.configs.constants import GEN_AI_API_KEY_STORAGE_KEY
-from danswer.connectors.file.utils import write_temp_files
-from danswer.connectors.google_drive.connector_auth import build_service_account_creds
-from danswer.connectors.google_drive.connector_auth import DB_CREDENTIALS_DICT_TOKEN_KEY
-from danswer.connectors.google_drive.connector_auth import delete_google_app_cred
-from danswer.connectors.google_drive.connector_auth import delete_service_account_key
-from danswer.connectors.google_drive.connector_auth import get_auth_url
-from danswer.connectors.google_drive.connector_auth import get_google_app_cred
-from danswer.connectors.google_drive.connector_auth import (
-    get_google_drive_creds_for_authorized_user,
-)
-from danswer.connectors.google_drive.connector_auth import get_service_account_key
-from danswer.connectors.google_drive.connector_auth import (
-    update_credential_access_tokens,
-)
-from danswer.connectors.google_drive.connector_auth import upsert_google_app_cred
-from danswer.connectors.google_drive.connector_auth import upsert_service_account_key
-from danswer.connectors.google_drive.connector_auth import verify_csrf
-from danswer.db.connector import create_connector
-from danswer.db.connector import delete_connector
-from danswer.db.connector import fetch_connector_by_id
-from danswer.db.connector import fetch_connectors
-from danswer.db.connector import get_connector_credential_ids
-from danswer.db.connector import update_connector
 from danswer.db.connector_credential_pair import add_credential_to_connector
 from danswer.db.connector_credential_pair import get_connector_credential_pair
-from danswer.db.connector_credential_pair import get_connector_credential_pairs
 from danswer.db.connector_credential_pair import remove_credential_from_connector
-from danswer.db.credentials import create_credential
-from danswer.db.credentials import delete_google_drive_service_account_credentials
-from danswer.db.credentials import fetch_credential_by_id
 from danswer.db.deletion_attempt import check_deletion_attempt_is_allowed
-from danswer.db.document import get_document_cnts_for_cc_pairs
 from danswer.db.engine import get_session
 from danswer.db.feedback import fetch_docs_ranked_by_boost
 from danswer.db.feedback import update_document_boost
 from danswer.db.feedback import update_document_hidden
-from danswer.db.index_attempt import create_index_attempt
-from danswer.db.index_attempt import get_latest_index_attempts
 from danswer.db.models import User
 from danswer.direct_qa.llm_utils import check_model_api_key_is_valid
 from danswer.direct_qa.llm_utils import get_default_qa_model
@@ -63,25 +29,11 @@ from danswer.direct_qa.open_ai import get_gen_ai_api_key
 from danswer.dynamic_configs import get_dynamic_config_store
 from danswer.dynamic_configs.interface import ConfigNotFoundError
 from danswer.server.models import ApiKey
-from danswer.server.models import AuthStatus
-from danswer.server.models import AuthUrl
 from danswer.server.models import BoostDoc
 from danswer.server.models import BoostUpdateRequest
-from danswer.server.models import ConnectorBase
 from danswer.server.models import ConnectorCredentialPairIdentifier
 from danswer.server.models import ConnectorCredentialPairMetadata
-from danswer.server.models import ConnectorIndexingStatus
-from danswer.server.models import ConnectorSnapshot
-from danswer.server.models import CredentialSnapshot
-from danswer.server.models import FileUploadResponse
-from danswer.server.models import GDriveCallback
-from danswer.server.models import GoogleAppCredentials
-from danswer.server.models import GoogleServiceAccountCredentialRequest
-from danswer.server.models import GoogleServiceAccountKey
 from danswer.server.models import HiddenUpdateRequest
-from danswer.server.models import IndexAttemptSnapshot
-from danswer.server.models import ObjectCreationIdResponse
-from danswer.server.models import RunConnectorRequest
 from danswer.server.models import StatusResponse
 from danswer.server.models import UserRoleResponse
 from danswer.utils.logger import setup_logger
@@ -89,8 +41,6 @@ from danswer.utils.logger import setup_logger
 router = APIRouter(prefix="/manage")
 logger = setup_logger()
 
-_GOOGLE_DRIVE_CREDENTIAL_ID_COOKIE_NAME = "google_drive_credential_id"
-
 
 """Admin only API endpoints"""
 
@@ -150,334 +100,6 @@ def document_hidden_update(
         raise HTTPException(status_code=400, detail=str(e))
 
 
-@router.get("/admin/connector/google-drive/app-credential")
-def check_google_app_credentials_exist(
-    _: User = Depends(current_admin_user),
-) -> dict[str, str]:
-    try:
-        return {"client_id": get_google_app_cred().web.client_id}
-    except ConfigNotFoundError:
-        raise HTTPException(status_code=404, detail="Google App Credentials not found")
-
-
-@router.put("/admin/connector/google-drive/app-credential")
-def upsert_google_app_credentials(
-    app_credentials: GoogleAppCredentials, _: User = Depends(current_admin_user)
-) -> StatusResponse:
-    try:
-        upsert_google_app_cred(app_credentials)
-    except ValueError as e:
-        raise HTTPException(status_code=400, detail=str(e))
-
-    return StatusResponse(
-        success=True, message="Successfully saved Google App Credentials"
-    )
-
-
-@router.delete("/admin/connector/google-drive/app-credential")
-def delete_google_app_credentials(
-    _: User = Depends(current_admin_user),
-) -> StatusResponse:
-    try:
-        delete_google_app_cred()
-    except ConfigNotFoundError as e:
-        raise HTTPException(status_code=400, detail=str(e))
-
-    return StatusResponse(
-        success=True, message="Successfully deleted Google App Credentials"
-    )
-
-
-@router.get("/admin/connector/google-drive/service-account-key")
-def check_google_service_account_key_exist(
-    _: User = Depends(current_admin_user),
-) -> dict[str, str]:
-    try:
-        return {"service_account_email": get_service_account_key().client_email}
-    except ConfigNotFoundError:
-        raise HTTPException(
-            status_code=404, detail="Google Service Account Key not found"
-        )
-
-
-@router.put("/admin/connector/google-drive/service-account-key")
-def upsert_google_service_account_key(
-    service_account_key: GoogleServiceAccountKey, _: User = Depends(current_admin_user)
-) -> StatusResponse:
-    try:
-        upsert_service_account_key(service_account_key)
-    except ValueError as e:
-        raise HTTPException(status_code=400, detail=str(e))
-
-    return StatusResponse(
-        success=True, message="Successfully saved Google Service Account Key"
-    )
-
-
-@router.delete("/admin/connector/google-drive/service-account-key")
-def delete_google_service_account_key(
-    _: User = Depends(current_admin_user),
-) -> StatusResponse:
-    try:
-        delete_service_account_key()
-    except ConfigNotFoundError as e:
-        raise HTTPException(status_code=400, detail=str(e))
-
-    return StatusResponse(
-        success=True, message="Successfully deleted Google Service Account Key"
-    )
-
-
-@router.put("/admin/connector/google-drive/service-account-credential")
-def upsert_service_account_credential(
-    service_account_credential_request: GoogleServiceAccountCredentialRequest,
-    user: User | None = Depends(current_admin_user),
-    db_session: Session = Depends(get_session),
-) -> ObjectCreationIdResponse:
-    """Special API which allows the creation of a credential for a service account.
-    Combines the input with the saved service account key to create an entry in the
-    `Credential` table."""
-    try:
-        credential_base = build_service_account_creds(
-            delegated_user_email=service_account_credential_request.google_drive_delegated_user
-        )
-    except ConfigNotFoundError as e:
-        raise HTTPException(status_code=400, detail=str(e))
-
-    # first delete all existing service account credentials
-    delete_google_drive_service_account_credentials(user, db_session)
-    # `user=None` since this credential is not a personal credential
-    return create_credential(
-        credential_data=credential_base, user=user, db_session=db_session
-    )
-
-
-@router.get("/admin/connector/google-drive/check-auth/{credential_id}")
-def check_drive_tokens(
-    credential_id: int,
-    user: User = Depends(current_admin_user),
-    db_session: Session = Depends(get_session),
-) -> AuthStatus:
-    db_credentials = fetch_credential_by_id(credential_id, user, db_session)
-    if (
-        not db_credentials
-        or DB_CREDENTIALS_DICT_TOKEN_KEY not in db_credentials.credential_json
-    ):
-        return AuthStatus(authenticated=False)
-    token_json_str = str(db_credentials.credential_json[DB_CREDENTIALS_DICT_TOKEN_KEY])
-    google_drive_creds = get_google_drive_creds_for_authorized_user(
-        token_json_str=token_json_str
-    )
-    if google_drive_creds is None:
-        return AuthStatus(authenticated=False)
-    return AuthStatus(authenticated=True)
-
-
-@router.get("/admin/connector/google-drive/authorize/{credential_id}")
-def admin_google_drive_auth(
-    response: Response, credential_id: str, _: User = Depends(current_admin_user)
-) -> AuthUrl:
-    # set a cookie that we can read in the callback (used for `verify_csrf`)
-    response.set_cookie(
-        key=_GOOGLE_DRIVE_CREDENTIAL_ID_COOKIE_NAME,
-        value=credential_id,
-        httponly=True,
-        max_age=600,
-    )
-    return AuthUrl(auth_url=get_auth_url(credential_id=int(credential_id)))
-
-
-@router.post("/admin/connector/file/upload")
-def upload_files(
-    files: list[UploadFile], _: User = Depends(current_admin_user)
-) -> FileUploadResponse:
-    for file in files:
-        if not file.filename:
-            raise HTTPException(status_code=400, detail="File name cannot be empty")
-    try:
-        file_paths = write_temp_files(
-            [(cast(str, file.filename), file.file) for file in files]
-        )
-    except ValueError as e:
-        raise HTTPException(status_code=400, detail=str(e))
-    return FileUploadResponse(file_paths=file_paths)
-
-
-@router.get("/admin/connector/indexing-status")
-def get_connector_indexing_status(
-    _: User = Depends(current_admin_user),
-    db_session: Session = Depends(get_session),
-) -> list[ConnectorIndexingStatus]:
-    indexing_statuses: list[ConnectorIndexingStatus] = []
-
-    # TODO: make this one query
-    cc_pairs = get_connector_credential_pairs(db_session)
-    cc_pair_identifiers = [
-        ConnectorCredentialPairIdentifier(
-            connector_id=cc_pair.connector_id, credential_id=cc_pair.credential_id
-        )
-        for cc_pair in cc_pairs
-    ]
-
-    latest_index_attempts = get_latest_index_attempts(
-        db_session=db_session,
-        connector_credential_pair_identifiers=cc_pair_identifiers,
-    )
-    cc_pair_to_latest_index_attempt = {
-        (index_attempt.connector_id, index_attempt.credential_id): index_attempt
-        for index_attempt in latest_index_attempts
-    }
-
-    document_count_info = get_document_cnts_for_cc_pairs(
-        db_session=db_session,
-        cc_pair_identifiers=cc_pair_identifiers,
-    )
-    cc_pair_to_document_cnt = {
-        (connector_id, credential_id): cnt
-        for connector_id, credential_id, cnt in document_count_info
-    }
-
-    for cc_pair in cc_pairs:
-        connector = cc_pair.connector
-        credential = cc_pair.credential
-        latest_index_attempt = cc_pair_to_latest_index_attempt.get(
-            (connector.id, credential.id)
-        )
-        indexing_statuses.append(
-            ConnectorIndexingStatus(
-                cc_pair_id=cc_pair.id,
-                name=cc_pair.name,
-                connector=ConnectorSnapshot.from_connector_db_model(connector),
-                credential=CredentialSnapshot.from_credential_db_model(credential),
-                public_doc=cc_pair.is_public,
-                owner=credential.user.email if credential.user else "",
-                last_status=cc_pair.last_attempt_status,
-                last_success=cc_pair.last_successful_index_time,
-                docs_indexed=cc_pair_to_document_cnt.get(
-                    (connector.id, credential.id), 0
-                ),
-                error_msg=latest_index_attempt.error_msg
-                if latest_index_attempt
-                else None,
-                latest_index_attempt=IndexAttemptSnapshot.from_index_attempt_db_model(
-                    latest_index_attempt
-                )
-                if latest_index_attempt
-                else None,
-                deletion_attempt=get_deletion_status(
-                    connector_id=connector.id,
-                    credential_id=credential.id,
-                    db_session=db_session,
-                ),
-                is_deletable=check_deletion_attempt_is_allowed(
-                    connector_credential_pair=cc_pair
-                ),
-            )
-        )
-
-    return indexing_statuses
-
-
-@router.post("/admin/connector")
-def create_connector_from_model(
-    connector_info: ConnectorBase,
-    _: User = Depends(current_admin_user),
-    db_session: Session = Depends(get_session),
-) -> ObjectCreationIdResponse:
-    try:
-        return create_connector(connector_info, db_session)
-    except ValueError as e:
-        raise HTTPException(status_code=400, detail=str(e))
-
-
-@router.patch("/admin/connector/{connector_id}")
-def update_connector_from_model(
-    connector_id: int,
-    connector_data: ConnectorBase,
-    _: User = Depends(current_admin_user),
-    db_session: Session = Depends(get_session),
-) -> ConnectorSnapshot | StatusResponse[int]:
-    updated_connector = update_connector(connector_id, connector_data, db_session)
-    if updated_connector is None:
-        raise HTTPException(
-            status_code=404, detail=f"Connector {connector_id} does not exist"
-        )
-
-    return ConnectorSnapshot(
-        id=updated_connector.id,
-        name=updated_connector.name,
-        source=updated_connector.source,
-        input_type=updated_connector.input_type,
-        connector_specific_config=updated_connector.connector_specific_config,
-        refresh_freq=updated_connector.refresh_freq,
-        credential_ids=[
-            association.credential.id for association in updated_connector.credentials
-        ],
-        time_created=updated_connector.time_created,
-        time_updated=updated_connector.time_updated,
-        disabled=updated_connector.disabled,
-    )
-
-
-@router.delete("/admin/connector/{connector_id}", response_model=StatusResponse[int])
-def delete_connector_by_id(
-    connector_id: int,
-    _: User = Depends(current_admin_user),
-    db_session: Session = Depends(get_session),
-) -> StatusResponse[int]:
-    try:
-        with db_session.begin():
-            return delete_connector(db_session=db_session, connector_id=connector_id)
-    except AssertionError:
-        raise HTTPException(status_code=400, detail="Connector is not deletable")
-
-
-@router.post("/admin/connector/run-once")
-def connector_run_once(
-    run_info: RunConnectorRequest,
-    _: User = Depends(current_admin_user),
-    db_session: Session = Depends(get_session),
-) -> StatusResponse[list[int]]:
-    connector_id = run_info.connector_id
-    specified_credential_ids = run_info.credential_ids
-    try:
-        possible_credential_ids = get_connector_credential_ids(
-            run_info.connector_id, db_session
-        )
-    except ValueError:
-        raise HTTPException(
-            status_code=404,
-            detail=f"Connector by id {connector_id} does not exist.",
-        )
-
-    if not specified_credential_ids:
-        credential_ids = possible_credential_ids
-    else:
-        if set(specified_credential_ids).issubset(set(possible_credential_ids)):
-            credential_ids = specified_credential_ids
-        else:
-            raise HTTPException(
-                status_code=400,
-                detail="Not all specified credentials are associated with connector",
-            )
-
-    if not credential_ids:
-        raise HTTPException(
-            status_code=400,
-            detail="Connector has no valid credentials, cannot create index attempts.",
-        )
-
-    index_attempt_ids = [
-        create_index_attempt(run_info.connector_id, credential_id, db_session)
-        for credential_id in credential_ids
-    ]
-    return StatusResponse(
-        success=True,
-        message=f"Successfully created {len(index_attempt_ids)} index attempts",
-        data=index_attempt_ids,
-    )
-
-
 @router.head("/admin/genai-api-key/validate")
 def validate_existing_genai_api_key(
     _: User = Depends(current_admin_user),
@@ -604,84 +226,6 @@ async def get_user_role(user: User = Depends(current_user)) -> UserRoleResponse:
     return UserRoleResponse(role=user.role)
 
 
-@router.get("/connector/google-drive/authorize/{credential_id}")
-def google_drive_auth(
-    response: Response, credential_id: str, _: User = Depends(current_user)
-) -> AuthUrl:
-    # set a cookie that we can read in the callback (used for `verify_csrf`)
-    response.set_cookie(
-        key=_GOOGLE_DRIVE_CREDENTIAL_ID_COOKIE_NAME,
-        value=credential_id,
-        httponly=True,
-        max_age=600,
-    )
-    return AuthUrl(auth_url=get_auth_url(int(credential_id)))
-
-
-@router.get("/connector/google-drive/callback")
-def google_drive_callback(
-    request: Request,
-    callback: GDriveCallback = Depends(),
-    user: User = Depends(current_user),
-    db_session: Session = Depends(get_session),
-) -> StatusResponse:
-    credential_id_cookie = request.cookies.get(_GOOGLE_DRIVE_CREDENTIAL_ID_COOKIE_NAME)
-    if credential_id_cookie is None or not credential_id_cookie.isdigit():
-        raise HTTPException(
-            status_code=401, detail="Request did not pass CSRF verification."
-        )
-    credential_id = int(credential_id_cookie)
-    verify_csrf(credential_id, callback.state)
-    if (
-        update_credential_access_tokens(callback.code, credential_id, user, db_session)
-        is None
-    ):
-        raise HTTPException(
-            status_code=500, detail="Unable to fetch Google Drive access tokens"
-        )
-
-    return StatusResponse(success=True, message="Updated Google Drive access tokens")
-
-
-@router.get("/connector")
-def get_connectors(
-    _: User = Depends(current_user),
-    db_session: Session = Depends(get_session),
-) -> list[ConnectorSnapshot]:
-    connectors = fetch_connectors(db_session)
-    return [
-        ConnectorSnapshot.from_connector_db_model(connector) for connector in connectors
-    ]
-
-
-@router.get("/connector/{connector_id}")
-def get_connector_by_id(
-    connector_id: int,
-    _: User = Depends(current_user),
-    db_session: Session = Depends(get_session),
-) -> ConnectorSnapshot | StatusResponse[int]:
-    connector = fetch_connector_by_id(connector_id, db_session)
-    if connector is None:
-        raise HTTPException(
-            status_code=404, detail=f"Connector {connector_id} does not exist"
-        )
-
-    return ConnectorSnapshot(
-        id=connector.id,
-        name=connector.name,
-        source=connector.source,
-        input_type=connector.input_type,
-        connector_specific_config=connector.connector_specific_config,
-        refresh_freq=connector.refresh_freq,
-        credential_ids=[
-            association.credential.id for association in connector.credentials
-        ],
-        time_created=connector.time_created,
-        time_updated=connector.time_updated,
-        disabled=connector.disabled,
-    )
-
-
 @router.put("/connector/{connector_id}/credential/{credential_id}")
 def associate_credential_to_connector(
     connector_id: int,

backend/danswer/server/models.py

@@ -318,6 +318,7 @@ class IndexAttemptRequest(BaseModel):
 
 
 class IndexAttemptSnapshot(BaseModel):
+    id: int
     status: IndexingStatus | None
     num_docs_indexed: int
     error_msg: str | None
@@ -329,6 +330,7 @@ class IndexAttemptSnapshot(BaseModel):
         cls, index_attempt: IndexAttempt
     ) -> "IndexAttemptSnapshot":
         return IndexAttemptSnapshot(
+            id=index_attempt.id,
             status=index_attempt.status,
             num_docs_indexed=index_attempt.num_docs_indexed or 0,
             error_msg=index_attempt.error_msg,

web/src/app/admin/connector/[ccPairId]/ConfigDisplay.tsx

@@ -0,0 +1,70 @@
+import { getNameFromPath } from "@/lib/fileUtils";
+import { ValidSources } from "@/lib/types";
+import { List, ListItem, Card, Title, Divider } from "@tremor/react";
+
+function convertObjectToString(obj: any): string | any {
+  // Check if obj is an object and not an array or null
+  if (typeof obj === "object" && obj !== null) {
+    if (!Array.isArray(obj)) {
+      return JSON.stringify(obj);
+    } else {
+      if (obj.length === 0) {
+        return null;
+      }
+      return obj.map((item) => convertObjectToString(item));
+    }
+  }
+  if (typeof obj === "boolean") {
+    return obj.toString();
+  }
+  return obj;
+}
+
+function buildConfigEntries(
+  obj: any,
+  sourceType: ValidSources
+): { [key: string]: string } {
+  if (sourceType === "file") {
+    return obj.file_locations
+      ? {
+          file_names: obj.file_locations.map(getNameFromPath),
+        }
+      : {};
+  } else if (sourceType === "google_sites") {
+    return {
+      base_url: obj.base_url,
+    };
+  }
+  return obj;
+}
+
+export function ConfigDisplay({
+  connectorSpecificConfig,
+  sourceType,
+}: {
+  connectorSpecificConfig: any;
+  sourceType: ValidSources;
+}) {
+  const configEntries = Object.entries(
+    buildConfigEntries(connectorSpecificConfig, sourceType)
+  );
+  if (!configEntries.length) {
+    return null;
+  }
+
+  return (
+    <>
+      <Title className="mb-2">Configuration</Title>
+      <Card>
+        <List>
+          {configEntries.map(([key, value]) => (
+            <ListItem key={key}>
+              <span>{key}</span>
+              <span>{convertObjectToString(value) || "-"}</span>
+            </ListItem>
+          ))}
+        </List>
+      </Card>
+    </>
+  );
+}

web/src/app/admin/connector/[ccPairId]/DeletionButton.tsx

@@ -0,0 +1,52 @@
+"use client";
+
+import { Button } from "@tremor/react";
+import { CCPairFullInfo } from "./types";
+import { usePopup } from "@/components/admin/connectors/Popup";
+import { useRouter } from "next/navigation";
+import { FiTrash } from "react-icons/fi";
+import { deleteCCPair } from "@/lib/documentDeletion";
+
+export function DeletionButton({ ccPair }: { ccPair: CCPairFullInfo }) {
+  const router = useRouter();
+  const { popup, setPopup } = usePopup();
+
+  const isDeleting =
+    ccPair?.latest_deletion_attempt?.status === "PENDING" ||
+    ccPair?.latest_deletion_attempt?.status === "STARTED";
+
+  let tooltip: string;
+  if (ccPair.connector.disabled) {
+    if (isDeleting) {
+      tooltip = "This connector is currently being deleted";
+    } else {
+      tooltip = "Click to delete";
+    }
+  } else {
+    tooltip = "You must disable the connector before deleting it";
+  }
+
+  return (
+    <div>
+      {popup}
+      <Button
+        variant="secondary"
+        size="xs"
+        color="red"
+        onClick={() =>
+          deleteCCPair(
+            ccPair.connector.id,
+            ccPair.credential.id,
+            setPopup,
+            () => router.refresh()
+          )
+        }
+        icon={FiTrash}
+        disabled={!ccPair.connector.disabled || isDeleting}
+        tooltip={tooltip}
+      >
+        Schedule for Deletion
+      </Button>
+    </div>
+  );
+}

web/src/app/admin/connector/[ccPairId]/IndexingAttemptsTable.tsx

@@ -0,0 +1,79 @@
+"use client";
+
+import {
+  Card,
+  Table,
+  TableHead,
+  TableRow,
+  TableHeaderCell,
+  TableBody,
+  TableCell,
+  Text,
+} from "@tremor/react";
+import { IndexAttemptStatus } from "@/components/Status";
+import { CCPairFullInfo } from "./types";
+import { useState } from "react";
+import { PageSelector } from "@/components/PageSelector";
+import { localizeAndPrettify } from "@/lib/time";
+
+const NUM_IN_PAGE = 8;
+
+export function IndexingAttemptsTable({ ccPair }: { ccPair: CCPairFullInfo }) {
+  const [page, setPage] = useState(1);
+
+  return (
+    <>
+      <Table>
+        <TableHead>
+          <TableRow>
+            <TableHeaderCell>Time</TableHeaderCell>
+            <TableHeaderCell>Status</TableHeaderCell>
+            <TableHeaderCell>Num New Docs</TableHeaderCell>
+            <TableHeaderCell>Error Msg</TableHeaderCell>
+          </TableRow>
+        </TableHead>
+        <TableBody>
+          {ccPair.index_attempts
+            .slice(NUM_IN_PAGE * (page - 1), NUM_IN_PAGE * page)
+            .map((indexAttempt) => (
+              <TableRow key={indexAttempt.id}>
+                <TableCell>
+                  {localizeAndPrettify(indexAttempt.time_updated)}
+                </TableCell>
+                <TableCell>
+                  <IndexAttemptStatus
+                    status={indexAttempt.status || "not_started"}
+                    size="xs"
+                  />
+                </TableCell>
+                <TableCell>{indexAttempt.num_docs_indexed}</TableCell>
+                <TableCell>
+                  <Text className="flex flex-wrap whitespace-normal">
+                    {indexAttempt.error_msg || "-"}
+                  </Text>
+                </TableCell>
+              </TableRow>
+            ))}
+        </TableBody>
+      </Table>
+      {ccPair.index_attempts.length > NUM_IN_PAGE && (
+        <div className="mt-3 flex">
+          <div className="mx-auto">
+            <PageSelector
+              totalPages={Math.ceil(ccPair.index_attempts.length / NUM_IN_PAGE)}
+              currentPage={page}
+              onPageChange={(newPage) => {
+                setPage(newPage);
+                window.scrollTo({
+                  top: 0,
+                  left: 0,
+                  behavior: "smooth",
+                });
+              }}
+            />
+          </div>
+        </div>
+      )}
+    </>
+  );
+}

web/src/app/admin/connector/[ccPairId]/ModifyStatusButtonCluster.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+import { Button } from "@tremor/react";
+import { CCPairFullInfo } from "./types";
+import { usePopup } from "@/components/admin/connectors/Popup";
+import { disableConnector } from "@/lib/connector";
+import { useRouter } from "next/navigation";
+
+export function ModifyStatusButtonCluster({
+  ccPair,
+}: {
+  ccPair: CCPairFullInfo;
+}) {
+  const router = useRouter();
+  const { popup, setPopup } = usePopup();
+
+  return (
+    <>
+      {popup}
+      {ccPair.connector.disabled ? (
+        <Button
+          variant="secondary"
+          size="xs"
+          onClick={() =>
+            disableConnector(ccPair.connector, setPopup, () => router.refresh())
+          }
+          tooltip="Click to start indexing again!"
+        >
+          Re-Enable
+        </Button>
+      ) : (
+        <Button
+          variant="secondary"
+          size="xs"
+          onClick={() =>
+            disableConnector(ccPair.connector, setPopup, () => router.refresh())
+          }
+          tooltip={
+            "When disabled, the connectors documents will still" +
+            " be visible. However, no new documents will be indexed."
+          }
+        >
+          Disable
+        </Button>
+      )}
+    </>
+  );
+}

web/src/app/admin/connector/[ccPairId]/ReIndexButton.tsx

@@ -0,0 +1,45 @@
+"use client";
+
+import { usePopup } from "@/components/admin/connectors/Popup";
+import { runConnector } from "@/lib/connector";
+import { Button } from "@tremor/react";
+import { useRouter } from "next/navigation";
+
+export function ReIndexButton({
+  connectorId,
+  credentialId,
+}: {
+  connectorId: number;
+  credentialId: number;
+}) {
+  const router = useRouter();
+  const { popup, setPopup } = usePopup();
+
+  return (
+    <>
+      {popup}
+      <Button
+        className="ml-auto"
+        variant="secondary"
+        size="xs"
+        onClick={async () => {
+          const errorMsg = await runConnector(connectorId, [credentialId]);
+          if (errorMsg) {
+            setPopup({
+              message: errorMsg,
+              type: "error",
+            });
+          } else {
+            setPopup({
+              message: "Triggered connector run",
+              type: "success",
+            });
+          }
+          router.refresh();
+        }}
+      >
+        Run Indexing
+      </Button>
+    </>
+  );
+}

web/src/app/admin/connector/[ccPairId]/page.tsx

@@ -0,0 +1,110 @@
+import { getCCPairSS } from "@/lib/ss/ccPair";
+import { CCPairFullInfo } from "./types";
+import { getErrorMsg } from "@/lib/fetchUtils";
+import { HealthCheckBanner } from "@/components/health/healthcheck";
+import { CCPairStatus } from "@/components/Status";
+import { BackButton } from "@/components/BackButton";
+import { Button, Divider, Title } from "@tremor/react";
+import { IndexingAttemptsTable } from "./IndexingAttemptsTable";
+import { Text } from "@tremor/react";
+import { ConfigDisplay } from "./ConfigDisplay";
+import { ModifyStatusButtonCluster } from "./ModifyStatusButtonCluster";
+import { DeletionButton } from "./DeletionButton";
+import { SSRAutoRefresh } from "@/components/SSRAutoRefresh";
+import { ErrorCallout } from "@/components/ErrorCallout";
+import { ReIndexButton } from "./ReIndexButton";
+
+export default async function Page({
+  params,
+}: {
+  params: { ccPairId: string };
+}) {
+  const ccPairId = parseInt(params.ccPairId);
+
+  const ccPairResponse = await getCCPairSS(ccPairId);
+  if (!ccPairResponse.ok) {
+    const errorMsg = await getErrorMsg(ccPairResponse);
+    return (
+      <div className="mx-auto container">
+        <BackButton />
+        <ErrorCallout errorTitle={errorMsg} />
+      </div>
+    );
+  }
+
+  const ccPair = (await ccPairResponse.json()) as CCPairFullInfo;
+  const lastIndexAttempt = ccPair.index_attempts[0];
+  const isDeleting =
+    ccPair?.latest_deletion_attempt?.status === "PENDING" ||
+    ccPair?.latest_deletion_attempt?.status === "STARTED";
+
+  return (
+    <>
+      <SSRAutoRefresh />
+      <div className="mx-auto container dark">
+        <div className="mb-4">
+          <HealthCheckBanner />
+        </div>
+
+        <BackButton />
+        <div className="pb-1 flex mt-1">
+          <h1 className="text-3xl font-bold">{ccPair.name}</h1>
+
+          <div className="ml-auto">
+            <ModifyStatusButtonCluster ccPair={ccPair} />
+          </div>
+        </div>
+
+        <CCPairStatus
+          status={lastIndexAttempt?.status || "not_started"}
+          disabled={ccPair.connector.disabled}
+          isDeleting={isDeleting}
+        />
+
+        <div className="text-gray-400 text-sm mt-1">
+          Total Documents Indexed:{" "}
+          <b className="text-gray-300">{ccPair.num_docs_indexed}</b>
+        </div>
+
+        <Divider />
+
+        <ConfigDisplay
+          connectorSpecificConfig={ccPair.connector.connector_specific_config}
+          sourceType={ccPair.connector.source}
+        />
+        {/* NOTE: no divider / title here for `ConfigDisplay` since it is optional and we need
+        to render these conditionally.*/}
+
+        <div className="mt-6">
+          <div className="flex">
+            <Title>Indexing Attempts</Title>
+
+            <ReIndexButton
+              connectorId={ccPair.connector.id}
+              credentialId={ccPair.credential.id}
+            />
+          </div>
+
+          <IndexingAttemptsTable ccPair={ccPair} />
+        </div>
+
+        <Divider />
+
+        <div className="mt-4">
+          <Title>Delete Connector</Title>
+          <Text>
+            Deleting the connector will also delete all associated documents.
+          </Text>
+
+          <div className="flex mt-16">
+            <div className="mx-auto">
+              <DeletionButton ccPair={ccPair} />
+            </div>
+          </div>
+        </div>
+
+        {/* TODO: add document search*/}
+      </div>
+    </>
+  );
+}

web/src/app/admin/connector/[ccPairId]/types.ts

@@ -0,0 +1,16 @@
+import {
+  Connector,
+  Credential,
+  DeletionAttemptSnapshot,
+  IndexAttemptSnapshot,
+} from "@/lib/types";
+
+export interface CCPairFullInfo {
+  id: number;
+  name: string;
+  num_docs_indexed: number;
+  connector: Connector<any>;
+  credential: Credential<any>;
+  index_attempts: IndexAttemptSnapshot[];
+  latest_deletion_attempt: DeletionAttemptSnapshot | null;
+}

web/src/app/admin/connectors/file/page.tsx

@@ -17,11 +17,7 @@ import { LoadingAnimation } from "@/components/Loading";
 import { Form, Formik } from "formik";
 import { TextFormField } from "@/components/admin/connectors/Field";
 import { FileUpload } from "@/components/admin/connectors/FileUpload";
-
-const getNameFromPath = (path: string) => {
-  const pathParts = path.split("/");
-  return pathParts[pathParts.length - 1];
-};
+import { getNameFromPath } from "@/lib/fileUtils";
 
 const Main = () => {
   const [selectedFiles, setSelectedFiles] = useState<File[]>([]);

web/src/app/admin/documents/sets/DocumentSetCreationForm.tsx

@@ -145,6 +145,7 @@ export const DocumentSetCreationForm = ({
                             <div className="my-auto">
                               <ConnectorTitle
                                 connector={ccPair.connector}
+                                ccPairId={ccPair.cc_pair_id}
                                 ccPairName={ccPair.name}
                                 isLink={false}
                                 showMetadata={false}

web/src/app/admin/documents/sets/page.tsx

@@ -159,6 +159,7 @@ const DocumentSetTable = ({
                           <ConnectorTitle
                             connector={ccPairDescriptor.connector}
                             ccPairName={ccPairDescriptor.name}
+                            ccPairId={ccPairDescriptor.id}
                             showMetadata={false}
                           />
                         </div>

web/src/app/admin/indexing/status/page.tsx

@@ -151,6 +151,7 @@ function Main() {
           connector: (
             <ConnectorTitle
               ccPairName={connectorIndexingStatus.name}
+              ccPairId={connectorIndexingStatus.cc_pair_id}
               connector={connectorIndexingStatus.connector}
               isPublic={connectorIndexingStatus.public_doc}
               owner={connectorIndexingStatus.owner}

web/src/components/BackButton.tsx

@@ -0,0 +1,29 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+
+import { FiChevronLeft } from "react-icons/fi";
+
+export function BackButton() {
+  const router = useRouter();
+
+  return (
+    <div
+      className={`
+        my-auto 
+        flex 
+        mb-1 
+        hover:bg-gray-800 
+        w-fit 
+        p-1
+        pr-2 
+        cursor-pointer 
+        rounded-lg 
+        text-sm`}
+      onClick={() => router.back()}
+    >
+      <FiChevronLeft className="mr-1 my-auto" />
+      Back
+    </div>
+  );
+}

web/src/components/ErrorCallout.tsx

@@ -0,0 +1,24 @@
+import { Callout } from "@tremor/react";
+import { FiAlertOctagon } from "react-icons/fi";
+
+export function ErrorCallout({
+  errorTitle,
+  errorMsg,
+}: {
+  errorTitle?: string;
+  errorMsg?: string;
+}) {
+  console.log(errorMsg);
+  return (
+    <div>
+      <Callout
+        className="mt-4"
+        title={errorTitle || "Page not found"}
+        icon={FiAlertOctagon}
+        color="rose"
+      >
+        {errorMsg}
+      </Callout>
+    </div>
+  );
+}

web/src/components/SSRAutoRefresh.tsx

@@ -0,0 +1,19 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { useEffect } from "react";
+
+export function SSRAutoRefresh({ refreshFreq = 5 }: { refreshFreq?: number }) {
+  // Helper which automatically refreshes a SSR page X seconds
+  const router = useRouter();
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      router.refresh();
+    }, refreshFreq * 1000);
+
+    return () => clearInterval(interval);
+  });
+
+  return <></>;
+}

web/src/components/Status.tsx

@@ -0,0 +1,92 @@
+"use client";
+
+import { ValidStatuses } from "@/lib/types";
+import { Badge } from "@tremor/react";
+import {
+  FiAlertTriangle,
+  FiCheckCircle,
+  FiClock,
+  FiPauseCircle,
+} from "react-icons/fi";
+
+export function IndexAttemptStatus({
+  status,
+  size = "md",
+}: {
+  status: ValidStatuses;
+  size?: "xs" | "sm" | "md" | "lg";
+}) {
+  let badge;
+
+  if (status === "failed") {
+    badge = (
+      <Badge size={size} color="red" icon={FiAlertTriangle}>
+        Failed
+      </Badge>
+    );
+  } else if (status === "success") {
+    badge = (
+      <Badge size={size} color="green" icon={FiCheckCircle}>
+        Succeeded
+      </Badge>
+    );
+  } else if (status === "in_progress" || status === "not_started") {
+    badge = (
+      <Badge size={size} color="fuchsia" icon={FiClock}>
+        In Progress
+      </Badge>
+    );
+  } else {
+    badge = (
+      <Badge size={size} color="yellow" icon={FiClock}>
+        Initializing
+      </Badge>
+    );
+  }
+
+  // TODO: remove wrapping `dark` once we have light/dark mode
+  return <div className="dark">{badge}</div>;
+}
+
+export function CCPairStatus({
+  status,
+  disabled,
+  isDeleting,
+  size = "md",
+}: {
+  status: ValidStatuses;
+  disabled: boolean;
+  isDeleting: boolean;
+  size?: "xs" | "sm" | "md" | "lg";
+}) {
+  let badge;
+
+  if (isDeleting) {
+    badge = (
+      <Badge size={size} color="red" icon={FiAlertTriangle}>
+        Deleting
+      </Badge>
+    );
+  } else if (disabled) {
+    badge = (
+      <Badge size={size} color="yellow" icon={FiPauseCircle}>
+        Disabled
+      </Badge>
+    );
+  } else if (status === "failed") {
+    badge = (
+      <Badge size={size} color="red" icon={FiAlertTriangle}>
+        Error
+      </Badge>
+    );
+  } else {
+    badge = (
+      <Badge size={size} color="green" icon={FiCheckCircle}>
+        Running
+      </Badge>
+    );
+  }
+
+  // TODO: remove wrapping `dark` once we have light/dark mode
+  return <div className="dark">{badge}</div>;
+}

web/src/components/admin/connectors/ConnectorTitle.tsx

@@ -10,9 +10,11 @@ import {
   WebConfig,
   ZulipConfig,
 } from "@/lib/types";
+import Link from "next/link";
 
 interface ConnectorTitleProps {
   connector: Connector<any>;
+  ccPairId: number;
   ccPairName: string | null | undefined;
   isPublic?: boolean;
   owner?: string;
@@ -22,6 +24,7 @@ interface ConnectorTitleProps {
 
 export const ConnectorTitle = ({
   connector,
+  ccPairId,
   ccPairName,
   owner,
   isPublic = true,
@@ -82,17 +85,28 @@ export const ConnectorTitle = ({
       typedConnector.connector_specific_config.realm_name
     );
   }
+
+  const mainSectionClassName = "text-blue-500 flex w-fit";
+  const mainDisplay = (
+    <>
+      {sourceMetadata.icon({ size: 20 })}
+      <div className="ml-1 my-auto">
+        {ccPairName || sourceMetadata.displayName}
+      </div>
+    </>
+  );
   return (
     <div>
-      <a
-        className="text-blue-500 flex w-fit"
-        href={isLink ? sourceMetadata.adminPageLink : undefined}
-      >
-        {sourceMetadata.icon({ size: 20 })}
-        <div className="ml-1 my-auto">
-          {ccPairName || sourceMetadata.displayName}
-        </div>
-      </a>
+      {isLink ? (
+        <Link
+          className={mainSectionClassName}
+          href={`/admin/connector/${ccPairId}`}
+        >
+          {mainDisplay}
+        </Link>
+      ) : (
+        <div className={mainSectionClassName}>{mainDisplay}</div>
+      )}
       {showMetadata && (
         <div className="text-xs text-gray-300 mt-1">
           {Array.from(additionalMetadata.entries()).map(([key, value]) => {

web/src/components/admin/connectors/table/ConnectorsTable.tsx

@@ -1,9 +1,9 @@
-import { Connector, ConnectorIndexingStatus, Credential } from "@/lib/types";
+import { ConnectorIndexingStatus, Credential } from "@/lib/types";
 import { BasicTable } from "@/components/admin/connectors/BasicTable";
-import { Popup, PopupSpec } from "@/components/admin/connectors/Popup";
+import { PopupSpec, usePopup } from "@/components/admin/connectors/Popup";
 import { useState } from "react";
-import { LinkBreakIcon, LinkIcon, TrashIcon } from "@/components/icons/icons";
-import { updateConnector } from "@/lib/connector";
+import { LinkBreakIcon, LinkIcon } from "@/components/icons/icons";
+import { disableConnector } from "@/lib/connector";
 import { AttachCredentialButtonForTable } from "@/components/admin/connectors/buttons/AttachCredentialButtonForTable";
 import { DeleteColumn } from "./DeleteColumn";
 
@@ -53,23 +53,7 @@ export function StatusRow<ConnectorConfigType, ConnectorCredentialType>({
           className="cursor-pointer ml-1 my-auto relative"
           onMouseEnter={() => setStatusHovered(true)}
           onMouseLeave={() => setStatusHovered(false)}
-          onClick={() => {
-            updateConnector({
-              ...connector,
-              disabled: !connector.disabled,
-            }).then(() => {
-              setPopup({
-                message: connector.disabled
-                  ? "Enabled connector!"
-                  : "Disabled connector!",
-                type: "success",
-              });
-              setTimeout(() => {
-                setPopup(null);
-              }, 4000);
-              onUpdate();
-            });
-          }}
+          onClick={() => disableConnector(connector, setPopup, onUpdate)}
         >
           {statusHovered && (
             <div className="flex flex-nowrap absolute top-0 left-0 ml-8 bg-gray-700 px-3 py-2 rounded shadow-lg">
@@ -137,10 +121,7 @@ export function ConnectorsTable<ConnectorConfigType, ConnectorCredentialType>({
   onCredentialLink,
   includeName = false,
 }: ConnectorsTableProps<ConnectorConfigType, ConnectorCredentialType>) {
-  const [popup, setPopup] = useState<{
-    message: string;
-    type: "success" | "error";
-  } | null>(null);
+  const { popup, setPopup } = usePopup();
 
   const connectorIncludesCredential =
     getCredential !== undefined && onCredentialLink !== undefined;
@@ -166,7 +147,7 @@ export function ConnectorsTable<ConnectorConfigType, ConnectorCredentialType>({
 
   return (
     <>
-      {popup && <Popup message={popup.message} type={popup.type} />}
+      {popup}
       <BasicTable
         columns={columns}
         data={connectorIndexingStatuses.map((connectorIndexingStatus) => {

web/src/components/admin/connectors/table/DeleteColumn.tsx

@@ -1,5 +1,8 @@
 import { InfoIcon, TrashIcon } from "@/components/icons/icons";
-import { scheduleDeletionJobForConnector } from "@/lib/documentDeletion";
+import {
+  deleteCCPair,
+  scheduleDeletionJobForConnector,
+} from "@/lib/documentDeletion";
 import { ConnectorIndexingStatus } from "@/lib/types";
 import { PopupSpec } from "../Popup";
 import { useState } from "react";
@@ -32,29 +35,9 @@ export function DeleteColumn<ConnectorConfigType, ConnectorCredentialType>({
       {connectorIndexingStatus.is_deletable ? (
         <div
           className="cursor-pointer mx-auto flex"
-          onClick={async () => {
-            const deletionScheduleError = await scheduleDeletionJobForConnector(
-              connector.id,
-              credential.id
-            );
-            if (deletionScheduleError) {
-              setPopup({
-                message:
-                  "Failed to schedule deletion of connector - " +
-                  deletionScheduleError,
-                type: "error",
-              });
-            } else {
-              setPopup({
-                message: "Scheduled deletion of connector!",
-                type: "success",
-              });
-            }
-            setTimeout(() => {
-              setPopup(null);
-            }, 4000);
-            onUpdate();
-          }}
+          onClick={() =>
+            deleteCCPair(connector.id, credential.id, setPopup, onUpdate)
+          }
         >
           <TrashIcon />
         </div>

web/src/lib/connector.ts

@@ -1,3 +1,4 @@
+import { PopupSpec } from "@/components/admin/connectors/Popup";
 import { Connector, ConnectorBase, ValidSources } from "./types";
 
 async function handleResponse(
@@ -36,6 +37,28 @@ export async function updateConnector<T>(
   return await response.json();
 }
 
+export async function disableConnector(
+  connector: Connector<any>,
+  setPopup: (popupSpec: PopupSpec | null) => void,
+  onUpdate: () => void
+) {
+  updateConnector({
+    ...connector,
+    disabled: !connector.disabled,
+  }).then(() => {
+    setPopup({
+      message: connector.disabled
+        ? "Enabled connector!"
+        : "Disabled connector!",
+      type: "success",
+    });
+    setTimeout(() => {
+      setPopup(null);
+    }, 4000);
+    onUpdate && onUpdate();
+  });
+}
+
 export async function deleteConnector(
   connectorId: number
 ): Promise<string | null> {

web/src/lib/documentDeletion.ts

@@ -1,7 +1,9 @@
-export const scheduleDeletionJobForConnector = async (
+import { PopupSpec } from "@/components/admin/connectors/Popup";
+
+export async function scheduleDeletionJobForConnector(
   connectorId: number,
   credentialId: number
-) => {
+) {
   // Will schedule a background job which will:
   // 1. Remove all documents indexed by the connector / credential pair
   // 2. Remove the connector (if this is the only pair using the connector)
@@ -19,4 +21,29 @@ export const scheduleDeletionJobForConnector = async (
     return null;
   }
   return (await response.json()).detail;
-};
+}
+
+export async function deleteCCPair(
+  connectorId: number,
+  credentialId: number,
+  setPopup: (popupSpec: PopupSpec | null) => void,
+  onCompletion: () => void
+) {
+  const deletionScheduleError = await scheduleDeletionJobForConnector(
+    connectorId,
+    credentialId
+  );
+  if (deletionScheduleError) {
+    setPopup({
+      message:
+        "Failed to schedule deletion of connector - " + deletionScheduleError,
+      type: "error",
+    });
+  } else {
+    setPopup({
+      message: "Scheduled deletion of connector!",
+      type: "success",
+    });
+  }
+  onCompletion();
+}

web/src/lib/fileUtils.ts

@@ -0,0 +1,4 @@
+export function getNameFromPath(path: string) {
+  const pathParts = path.split("/");
+  return pathParts[pathParts.length - 1];
+}

web/src/lib/ss/ccPair.ts

@@ -0,0 +1,5 @@
+import { fetchSS } from "../utilsSS";
+
+export async function getCCPairSS(ccPairId: number) {
+  return fetchSS(`/manage/admin/cc-pair/${ccPairId}`);
+}

web/src/lib/time.ts

@@ -54,3 +54,8 @@ export const timeAgo = (
   const yearsDiff = Math.floor(monthsDiff / 12);
   return `${yearsDiff} ${conditionallyAddPlural("year", yearsDiff)} ago`;
 };
+
+export function localizeAndPrettify(dateString: string) {
+  const date = new Date(dateString);
+  return date.toLocaleString();
+}

web/src/lib/types.ts

@@ -129,6 +129,7 @@ export interface GoogleSitesConfig {
 }
 
 export interface IndexAttemptSnapshot {
+  id: number;
   status: ValidStatuses | null;
   num_docs_indexed: number;
   error_msg: string | null;

web/src/lib/utilsSS.ts

@@ -1,8 +1,24 @@
+import { cookies } from "next/headers";
 import { INTERNAL_URL } from "./constants";
 
-export const buildUrl = (path: string) => {
+export function buildUrl(path: string) {
   if (path.startsWith("/")) {
     return `${INTERNAL_URL}${path}`;
   }
   return `${INTERNAL_URL}/${path}`;
-};
+}
+
+export function fetchSS(url: string, options?: RequestInit) {
+  const init = options || {
+    credentials: "include",
+    next: { revalidate: 0 },
+    headers: {
+      cookie: cookies()
+        .getAll()
+        .map((cookie) => `${cookie.name}=${cookie.value}`)
+        .join("; "),
+    },
+  };
+
+  return fetch(buildUrl(url), init);
+}