updateProjectRoute,

  } from "@app/views/projects/router";

  export let title: string | undefined = undefined;

  const dispatch = createEventDispatcher<{ click: never }>();

  import CloneButton from "@app/views/projects/CloneButton.svelte";

  import Icon from "@app/components/Icon.svelte";

  import Link from "@app/components/Link.svelte";

  import SquareButton from "@app/components/SquareButton.svelte";

  export let view: ProjectLoadedView;

</style>

<div class="header">

    }}>

    <SquareButton

      active={view.resource === "tree" ||

      </svelte:fragment>

      Source

    </SquareButton>

      },

    }}>

    <SquareButton

      active={view.resource === "issues" || view.resource === "issue"}>

      <span class="txt-bold">{openIssueCount}</span>

      {pluralize("issue", openIssueCount)}

    </SquareButton>

      },

    }}>

    <SquareButton

      active={view.resource === "patches" || view.resource === "patch"}>

      <span class="txt-bold">{openPatchCount}</span>

      {pluralize("patch", openPatchCount)}

    </SquareButton>

  <CloneButton {baseUrl} id={projectId} name={projectName} />

  <Link

<script lang="ts">

  import Clipboard from "@app/components/Clipboard.svelte";

  import dompurify from "dompurify";

  import { formatNodeId, twemoji } from "@app/lib/utils";

  export let nodeId: string | undefined = undefined;

  export let projectDescription: string;

  export let projectId: string;

<header class="content">

  <div class="title">

    <span class="truncate">

        }}>

        <span class="project-name">

          {projectName}

        </span>

    </span>

    {#if nodeId}

      <span class="node-id">

<script lang="ts">

  import type { ProjectLoadedView } from "@app/views/projects/router";

  import { closeFocused } from "@app/components/Floating.svelte";

  import BranchSelector from "@app/views/projects/BranchSelector.svelte";

  import PeerSelector from "@app/views/projects/PeerSelector.svelte";

  import SquareButton from "@app/components/SquareButton.svelte";

  export let project: Project;

  export let peer: string | undefined = undefined;

  export let revision: string | undefined;

  export let peers: Remote[];

  export let branches: Record<string, string>;

    on:click={() => closeFocused()}

    projectDefaultBranch={project.defaultBranch} />

      },

    }}>

    <SquareButton

      active={view.resource === "history" || view.resource === "commits"}>

      <span class="txt-bold">{commitCount}</span>

      {pluralize("commit", commitCount)}

    </SquareButton>

  <SquareButton hoverable={false}>

    <span class="txt-bold">{contributorCount}</span>

    projectId={id}

    projectName={project.name}

    projectDescription={project.description}

    nodeId={peer} />

  <Header

    projectId={id}

      {project}

      {peer}

      {view}

      peers={view.params.loadedPeers}

      branches={view.params.loadedBranches}

      commitCount={view.params.loadedTree.stats.commits}

}

export function projectLinkHref(

): string | undefined {

  const activeRoute = get(activeRouteStore);

}

export async function updateProjectRoute(

  opts: { replace: boolean } = { replace: false },

): Promise<void> {

  const activeRoute = get(activeRouteStore);