stacklok / codegate-ui / 12906676440

import { BreadcrumbHome } from "@/components/BreadcrumbHome";

import { ArchiveWorkspace } from "@/features/workspace/components/archive-workspace";

import { SystemPromptEditor } from "@/features/workspace-system-prompt/components/system-prompt-editor";

import { WorkspaceHeading } from "@/features/workspace/components/workspace-heading";

import { WorkspaceName } from "@/features/workspace/components/workspace-name";

import { Alert, Breadcrumb, Breadcrumbs } from "@stacklok/ui-kit";

import { useParams } from "react-router-dom";

import { useArchivedWorkspaces } from "@/features/workspace/hooks/use-archived-workspaces";

import { useRestoreWorkspaceButton } from "@/features/workspace/hooks/use-restore-workspace-button";

function WorkspaceArchivedBanner({ name }: { name: string }) {

  return (

    <Alert

      variant="warning"

      title="This workspace has been archived"

      className="mb-8 animate-in fade-in zoom-in-95"

      actionButtonProps={restoreButtonProps}

    >

      You can still view this workspace's configuration. To begin using it

      again, you must restore it.

    </Alert>

  );

}

export function RouteWorkspace() {

    select: (data) =>

  });

  return (

    <>

      <Breadcrumbs>

        <BreadcrumbHome />

        <Breadcrumb href="/workspaces">Manage Workspaces</Breadcrumb>

        <Breadcrumb>Workspace Settings</Breadcrumb>

      </Breadcrumbs>

      <WorkspaceHeading title="Workspace settings" />

      <WorkspaceName

        isArchived={isArchived}

        className="mb-4"

        workspaceName={name}

      />

      <SystemPromptEditor

        isArchived={isArchived}

        workspaceName={name}

        className="mb-4"

      />

      <ArchiveWorkspace isArchived={isArchived} workspaceName={name} />

    </>

  );

}