10802508621

Committed 11 Sep 2024 12:06AM UTC coverage: 31.872% (+0.002%) from 31.87%

Build # 10802508621

Build Type

push

github

Committed by

ben-pace

Commit Message

Merge remote-tracking branch 'origin/master' into SupplantingReviewBot

Run Details

5076 of 41312 branches covered (12.29%)

Branch coverage included in aggregate %.

10 of 19 new or added lines in 9 files covered. (52.63%)

1 existing line in 1 file now uncovered.

29404 of 66872 relevant lines covered (43.97%)

185.12 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

40.63

/packages/lesswrong/components/languageModels/PopupLanguageModelChat.tsx

import React from 'react';
import { Components, registerComponent } from '../../lib/vulcan-lib';
import Paper from "@material-ui/core/Card"
import CloseIcon from '@material-ui/icons/Close';
import Fullscreen from '@material-ui/icons/Fullscreen';
import FullscreenExit from '@material-ui/icons/FullscreenExit';
import { useLlmChat } from './LlmChatWrapper';
import { useCookiesWithConsent } from '../hooks/useCookiesWithConsent';
import { LLM_CHAT_EXPANDED, SHOW_LLM_CHAT_COOKIE } from '@/lib/cookies/cookies';
import { AnalyticsContext } from '@/lib/analyticsEvents';
import classNames from 'classnames';

const styles = (theme: ThemeType): JssStyles => ({
  root: {
    background: theme.palette.panelBackground.default,
    width: 500,
    maxHeight: "calc(100vh - 80px)",
    position: "fixed",
    right: theme.spacing.unit,
    bottom: theme.spacing.unit,
    zIndex: theme.zIndexes.languageModelChat,
    [theme.breakpoints.down('sm')]: {
      display: "none"
    }
  },
  expanded: {
    width: 650,
  },
  title: {
    ...theme.typography.commentStyle,
    ...theme.typography.body2,
    fontWeight: 600,
    marginTop: 4,
    display: "flex",
    flexDirection: "row",
    flexWrap: "wrap",
    alignItems: "baseline",
    rowGap: 5,
    columnGap: 10,
    marginRight: 5
  },
  privacyWarning: {
    ...theme.typography.commentStyle,
    color: theme.palette.error.main,
    fontStyle: "italic",
    fontWeight: 350,
    fontSize: "0.9em"
  },
  icon: {
    marginLeft: 2,
    cursor: "pointer",
    color: theme.palette.grey[400],
    height: 20,
    '&:hover': {
      color: theme.palette.grey[600],
    }
  },
  icons: {
    display: "flex",
    flexDirection: "row",
    alignItems: "center",
    justifyContent: "flex-end",
  },
  header: {
    backgroundColor: theme.palette.grey[100],
    paddingLeft: 20,
    paddingRight: 20,
    paddingTop: 8,
    paddingBottom: 8,
    position: "relative",
    display: "flex",
    justifyContent: "space-between",
  },
  editor: {
    paddingLeft: 20,
    paddingRight: 20,
    paddingTop: 8,
    paddingBottom: 12,
  },
});

const PLACEHOLDER_TITLE = "LLM Chat: New Conversation"

const PopupLanguageModelChat = ({onClose, classes}: {
  onClose: () => void,
  classes: ClassesType
}) => {
  const { LanguageModelChat, LWTooltip, ForumIcon } = Components;

  const { currentConversation } = useLlmChat();
  const [cookies, setCookie] = useCookiesWithConsent([SHOW_LLM_CHAT_COOKIE, LLM_CHAT_EXPANDED]);
  const expanded = cookies[LLM_CHAT_EXPANDED] === "true";

  const title = currentConversation?.title ?? PLACEHOLDER_TITLE;

  const handleClose = () => {
    setCookie(SHOW_LLM_CHAT_COOKIE, "false", { path: "/" });
    onClose();
  }

  const toggleExpanded = () => {
    setCookie(LLM_CHAT_EXPANDED, expanded ? "false" : "true", { path: "/"})
  }

  return <Paper className={classNames(classes.root, {[classes.expanded]: expanded})}>
    <AnalyticsContext pageSectionContext='llmChatPopup'>
      <div className={classes.header}>
        <div className={classes.title}>
          {title}
          <LWTooltip title="LLM chat is under development. Reviewing user conversations helps with product decisions.">
            <div className={classes.privacyWarning}>
              Warning! Conversation may be viewed by the LW dev team
            </div>
          </LWTooltip>
        </div>
        <div className={classes.icons}>
          <ForumIcon icon={expanded ? "FullscreenExit" : "Fullscreen"} className={classes.icon} onClick={toggleExpanded} />
          <CloseIcon className={classes.icon} onClick={handleClose} />
        </div>
      </div>
      <div className={classes.editor}>
        <LanguageModelChat />
      </div>
    </AnalyticsContext>
  </Paper>
}

const PopupLanguageModelChatComponent = registerComponent('PopupLanguageModelChat', PopupLanguageModelChat, {styles});

declare global {
  interface ComponentTypes {
    PopupLanguageModelChat: typeof PopupLanguageModelChatComponent
  }
}

1	import React from 'react';	1✔
2	import { Components, registerComponent } from '../../lib/vulcan-lib';	1✔
3	import Paper from "@material-ui/core/Card"	1✔
4	import CloseIcon from '@material-ui/icons/Close';	1✔
5	import Fullscreen from '@material-ui/icons/Fullscreen';
6	import FullscreenExit from '@material-ui/icons/FullscreenExit';
7	import { useLlmChat } from './LlmChatWrapper';	1✔
8	import { useCookiesWithConsent } from '../hooks/useCookiesWithConsent';	1✔
9	import { LLM_CHAT_EXPANDED, SHOW_LLM_CHAT_COOKIE } from '@/lib/cookies/cookies';	1✔
10	import { AnalyticsContext } from '@/lib/analyticsEvents';	1✔
11	import classNames from 'classnames';	1✔
12
13	const styles = (theme: ThemeType): JssStyles => ({	1✔
14	root: {
15	background: theme.palette.panelBackground.default,
16	width: 500,
17	maxHeight: "calc(100vh - 80px)",
18	position: "fixed",
19	right: theme.spacing.unit,
20	bottom: theme.spacing.unit,
21	zIndex: theme.zIndexes.languageModelChat,
22	[theme.breakpoints.down('sm')]: {
23	display: "none"
24	}
25	},
26	expanded: {
27	width: 650,
28	},
29	title: {
30	...theme.typography.commentStyle,
31	...theme.typography.body2,
32	fontWeight: 600,
33	marginTop: 4,
34	display: "flex",
35	flexDirection: "row",
36	flexWrap: "wrap",
37	alignItems: "baseline",
38	rowGap: 5,
39	columnGap: 10,
40	marginRight: 5
41	},
42	privacyWarning: {
43	...theme.typography.commentStyle,
44	color: theme.palette.error.main,
45	fontStyle: "italic",
46	fontWeight: 350,
47	fontSize: "0.9em"
48	},
49	icon: {
50	marginLeft: 2,
51	cursor: "pointer",
52	color: theme.palette.grey[400],
53	height: 20,
54	'&:hover': {
55	color: theme.palette.grey[600],
56	}
57	},
58	icons: {
59	display: "flex",
60	flexDirection: "row",
61	alignItems: "center",
62	justifyContent: "flex-end",
63	},
64	header: {
65	backgroundColor: theme.palette.grey[100],
66	paddingLeft: 20,
67	paddingRight: 20,
68	paddingTop: 8,
69	paddingBottom: 8,
70	position: "relative",
71	display: "flex",
72	justifyContent: "space-between",
73	},
74	editor: {
75	paddingLeft: 20,
76	paddingRight: 20,
77	paddingTop: 8,
78	paddingBottom: 12,
79	},
80	});
81
82	const PLACEHOLDER_TITLE = "LLM Chat: New Conversation"	1✔
83
84	const PopupLanguageModelChat = ({onClose, classes}: {	1✔
85	onClose: () => void,
86	classes: ClassesType
87	}) => {
NEW 88	const { LanguageModelChat, LWTooltip, ForumIcon } = Components;	×
89
90	const { currentConversation } = useLlmChat();	×
NEW 91	const [cookies, setCookie] = useCookiesWithConsent([SHOW_LLM_CHAT_COOKIE, LLM_CHAT_EXPANDED]);	×
NEW 92	const expanded = cookies[LLM_CHAT_EXPANDED] === "true";	×
93
94	const title = currentConversation?.title ?? PLACEHOLDER_TITLE;	×
95
96	const handleClose = () => {	×
97	setCookie(SHOW_LLM_CHAT_COOKIE, "false", { path: "/" });	×
98	onClose();	×
99	}
100
NEW 101	const toggleExpanded = () => {	×
NEW 102	setCookie(LLM_CHAT_EXPANDED, expanded ? "false" : "true", { path: "/"})	×
103	}
104
NEW 105	return <Paper className={classNames(classes.root, {[classes.expanded]: expanded})}>	×
106	<AnalyticsContext pageSectionContext='llmChatPopup'>
107	<div className={classes.header}>
108	<div className={classes.title}>
109	{title}
110	<LWTooltip title="LLM chat is under development. Reviewing user conversations helps with product decisions.">
111	<div className={classes.privacyWarning}>
112	Warning! Conversation may be viewed by the LW dev team
113	</div>
114	</LWTooltip>
115	</div>
116	<div className={classes.icons}>
117	<ForumIcon icon={expanded ? "FullscreenExit" : "Fullscreen"} className={classes.icon} onClick={toggleExpanded} />	×
118	<CloseIcon className={classes.icon} onClick={handleClose} />
119	</div>
120	</div>
121	<div className={classes.editor}>
122	<LanguageModelChat />
123	</div>
124	</AnalyticsContext>
125	</Paper>
126	}
127
128	const PopupLanguageModelChatComponent = registerComponent('PopupLanguageModelChat', PopupLanguageModelChat, {styles});	1✔
129
130	declare global {
131	interface ComponentTypes {
132	PopupLanguageModelChat: typeof PopupLanguageModelChatComponent
133	}
134	}

ForumMagnum / ForumMagnum / 10802508621

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous