10692896181

Committed 04 Sep 2024 12:33AM UTC coverage: 33.747% (+1.9%) from 31.837%

Build # 10692896181

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #9698 from ForumMagnum/master

Merge master into lw-deploy

Run Details

1291 of 8730 branches covered (14.79%)

Branch coverage included in aggregate %.

158 of 299 new or added lines in 41 files covered. (52.84%)

50 existing lines in 42 files now uncovered.

6287 of 13725 relevant lines covered (45.81%)

899.42 hits per line

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

50.0

/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 { useLlmChat } from './LlmChatWrapper';
import { useCookiesWithConsent } from '../hooks/useCookiesWithConsent';
import { SHOW_LLM_CHAT_COOKIE } from '@/lib/cookies/cookies';
import { AnalyticsContext } from '@/lib/analyticsEvents';

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"
    }
  },
  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"
  },
  close: {
    position: "absolute",
    right: 8,
    top: 10,
    cursor: "pointer",
    color: theme.palette.grey[400],
    height: 20,
    '&:hover': {
      color: theme.palette.grey[600],
    }
  },
  header: {
    backgroundColor: theme.palette.grey[100],
    paddingLeft: 20,
    paddingRight: 20,
    paddingTop: 8,
    paddingBottom: 8,
    position: "relative"
  },
  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 } = Components;

  const { currentConversation } = useLlmChat();
  const [_, setCookie] = useCookiesWithConsent([SHOW_LLM_CHAT_COOKIE]);

  const title = currentConversation?.title ?? PLACEHOLDER_TITLE;

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

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

ForumMagnum / ForumMagnum / 10692896181

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