<commit_before>import React, { ReactElement, ReactNode, useCallback } from "react";
import {
  Text,
  Box,
  Icon,
  Row,
  LoadingSpinner,
  Button,
} from "@tlon/indigo-react";
import { css } from "@styled-system/css";
import _ from "lodash";
import { useHistory } from "react-router-dom";

import { cite, isDm } from "~/logic/lib/util";
import {
  MetadataUpdatePreview,
  joinProgress,
  JoinProgress,
  Invite,
  JoinRequest,
  resourceFromPath,
  Metadata,
} from "@urbit/api";
import { GroupSummary } from "~/views/landscape/components/GroupSummary";
import { NotificationWrapper } from "~/views/apps/notifications/notification";
import { Header } from "~/views/apps/notifications/header";
import { InviteSkeleton } from "./InviteSkeleton";
import { JoinSkeleton } from "./JoinSkeleton";
import GlobalApi from "~/logic/api/global";
import { PropFunc } from "~/types";
import { MetadataIcon } from "~/views/landscape/components/MetadataIcon";
import { useContact } from "~/logic/state/contact";
import { useWaitForProps } from "~/logic/lib/useWaitForProps";
import useGroupState, {useGroup} from "~/logic/state/group";
import useContactState from "~/logic/state/contact";
import useMetadataState, {useAssocForGraph} from "~/logic/state/metadata";
import useGraphState from "~/logic/state/graph";
import { useRunIO } from "~/logic/lib/useRunIO";
import { StatelessAsyncButton } from "../StatelessAsyncButton";
import styled from "styled-components";

interface GroupInviteProps {
  preview?: MetadataUpdatePreview;
  status?: JoinRequest;
  app?: string;
  uid?: string;
  invite?: Invite;
  resource: string;
  api: GlobalApi;
}

function Elbow(
  props: { size?: number; color?: string } & PropFunc<typeof Box>
) {
  const { size = 12, color = "lightGray", ...rest } = props;

  return (
    <Box
      {...rest}
      overflow="hidden"
      width={size}
      height={size}
      position="relative"
    >
      <Box
        border="2px solid"
        borderRadius={2}
        borderColor={color}
        position="absolute"
        left="0px"
        bottom="0px"
        width={size * 2}
        height={size * 2}
      />
    </Box>
  );
}

const description: string[] = [<commit_msg>invite notifications: fix radius of mention line<commit_after>import React, { ReactElement, ReactNode, useCallback } from "react";
import {
  Text,
  Box,
  Icon,
  Row,
  LoadingSpinner,
  Button,
} from "@tlon/indigo-react";
import { css } from "@styled-system/css";
import _ from "lodash";
import { useHistory } from "react-router-dom";

import { cite, isDm } from "~/logic/lib/util";
import {
  MetadataUpdatePreview,
  joinProgress,
  JoinProgress,
  Invite,
  JoinRequest,
  resourceFromPath,
  Metadata,
} from "@urbit/api";
import { GroupSummary } from "~/views/landscape/components/GroupSummary";
import { NotificationWrapper } from "~/views/apps/notifications/notification";
import { Header } from "~/views/apps/notifications/header";
import { InviteSkeleton } from "./InviteSkeleton";
import { JoinSkeleton } from "./JoinSkeleton";
import GlobalApi from "~/logic/api/global";
import { PropFunc } from "~/types";
import { MetadataIcon } from "~/views/landscape/components/MetadataIcon";
import { useContact } from "~/logic/state/contact";
import { useWaitForProps } from "~/logic/lib/useWaitForProps";
import useGroupState, {useGroup} from "~/logic/state/group";
import useContactState from "~/logic/state/contact";
import useMetadataState, {useAssocForGraph} from "~/logic/state/metadata";
import useGraphState from "~/logic/state/graph";
import { useRunIO } from "~/logic/lib/useRunIO";
import { StatelessAsyncButton } from "../StatelessAsyncButton";
import styled from "styled-components";

interface GroupInviteProps {
  preview?: MetadataUpdatePreview;
  status?: JoinRequest;
  app?: string;
  uid?: string;
  invite?: Invite;
  resource: string;
  api: GlobalApi;
}

function Elbow(
  props: { size?: number; color?: string } & PropFunc<typeof Box>
) {
  const { size = 12, color = "lightGray", ...rest } = props;

  return (
    <Box
      {...rest}
      overflow="hidden"
      width={size}
      height={size}
      position="relative"
    >
      <Box
        border="2px solid"
        borderRadius={3}
        borderColor={color}
        position="absolute"
        left="0px"
        bottom="0px"
        width={size * 2}
        height={size * 2}
      />
    </Box>
  );
}

const description: string[] = [
{'fraction_non_alphanumeric': 0.14292165274328292, 'fraction_numerical': 0.003612553623842854, 'mean_word_length': 3.778856526429342, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 11, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7053750', 'n_tokens_mistral': 1436, 'n_tokens_neox': 1357, 'n_words': 340}