\n \n } onClick={sendQuestion} />\n \n
\n onClick(value)}>\n
\n );\n};\n","import { Example } from \"./Example\";\n\nimport styles from \"./Example.module.css\";\n\nconst DEFAULT_EXAMPLES: string[] = [\n \"Best shoe for hiking?\",\n \"Climbing gear cheaper than $30?\",\n \"Waterproof camping gear?\",\n];\n\ninterface Props {\n onExampleClicked: (value: string) => void\n}\n\nexport const ExampleList = ({ onExampleClicked }: Props) => {\n return (\n {text}
\n- \n {DEFAULT_EXAMPLES.map((question, i) => (\n
- \n
\n \n ))}\n
\n
\n );\n};\n","export enum AnalysisPanelTabs {\n ThoughtProcessTab = \"thoughtProcess\",\n SupportingContentTab = \"supportingContent\",\n CitationTab = \"citation\"\n}\n","import { Stack } from \"@fluentui/react\";\nimport { Light as SyntaxHighlighter } from \"react-syntax-highlighter\";\nimport json from \"react-syntax-highlighter/dist/esm/languages/hljs/json\";\nimport { a11yLight } from \"react-syntax-highlighter/dist/esm/styles/hljs\";\n\nimport styles from \"./AnalysisPanel.module.css\";\n\nimport { Thoughts } from \"../../api\";\n\nSyntaxHighlighter.registerLanguage(\"json\", json);\n\ninterface Props {\n thoughts: Thoughts[];\n}\n\nexport const ThoughtProcess = ({ thoughts }: Props) => {\n return (\n {message}
\n - \n {thoughts.map((t, ind) => {\n return (\n
- \n {t.title}\n
\n {t.props &&\n (Object.keys(t.props) || []).map((k: any) => (\n \n {k}: {JSON.stringify(t.props?.[k])}\n \n ))}\n \n {Array.isArray(t.description) ? (\n\n {JSON.stringify(t.description, null, 2)}\n \n ) : (\n{t.description}\n )}\n \n );\n })}\n
\n } onClick={onClick}>\n {\"Developer settings\"}\n \n
\n );\n};\n","import { Delete24Regular } from \"@fluentui/react-icons\";\nimport { Button } from \"@fluentui/react-components\";\n\nimport styles from \"./ClearChatButton.module.css\";\n\ninterface Props {\n className?: string;\n onClick: () => void;\n disabled?: boolean;\n}\n\nexport const ClearChatButton = ({ className, disabled, onClick }: Props) => {\n return (\n \n } disabled={disabled} onClick={onClick}>\n {\"Clear chat\"}\n \n
\n );\n};\n","import { useState } from \"react\";\nimport { Stack, IDropdownOption, Dropdown } from \"@fluentui/react\";\n\nimport styles from \"./VectorSettings.module.css\";\nimport { RetrievalMode } from \"../../api\";\n\ninterface Props {\n updateRetrievalMode: (retrievalMode: RetrievalMode) => void;\n}\n\nexport const VectorSettings = ({ updateRetrievalMode }: Props) => {\n const [retrievalMode, setRetrievalMode] = useState\n
\n );\n};\n\nexport default Chat;\n","import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport { createHashRouter, RouterProvider } from \"react-router-dom\";\nimport { initializeIcons } from \"@fluentui/react\";\n\nimport \"./index.css\";\n\nimport Layout from \"./pages/layout/Layout\";\nimport Chat from \"./pages/chat/Chat\";\n\nvar layout = \n setIsConfigPanelOpen(!isConfigPanelOpen)} />\n
\n \n onToggleTab(x, selectedAnswer)}\n citationHeight=\"810px\"\n answer={answers[selectedAnswer][1]}\n activeTab={activeAnalysisPanelTab}\n />\n )}\n\n setIsConfigPanelOpen(false)}\n closeButtonAriaLabel=\"Close\"\n onRenderFooterContent={() => setIsConfigPanelOpen(false)}>Close }\n isFooterAtBottom={true}\n >\n setRetrievalMode(retrievalMode)} />\n\n
\n \n {!lastQuestionRef.current ? (\n
\n\n {answers.length > 0 && activeAnalysisPanelTab && (\n \n
\n ) : (\n Product chat
\nAsk anything or try an example
\n\n {isStreaming &&\n streamedAnswers.map((streamedAnswer, index) => (\n
\n )}\n\n \n
\n ))}\n {!isStreaming &&\n answers.map((answer, index) => (\n \n onShowCitation(c, index)}\n onThoughtProcessClicked={() => onToggleTab(AnalysisPanelTabs.ThoughtProcessTab, index)}\n onSupportingContentClicked={() => onToggleTab(AnalysisPanelTabs.SupportingContentTab, index)}\n onFollowupQuestionClicked={q => makeApiRequest(q)}\n />\n
\n \n
\n ))}\n {isLoading && (\n <>\n \n onShowCitation(c, index)}\n onThoughtProcessClicked={() => onToggleTab(AnalysisPanelTabs.ThoughtProcessTab, index)}\n onSupportingContentClicked={() => onToggleTab(AnalysisPanelTabs.SupportingContentTab, index)}\n onFollowupQuestionClicked={q => makeApiRequest(q)}\n />\n
\n \n
\n \n )}\n {error ? (\n <>\n \n makeApiRequest(lastQuestionRef.current)} />\n
\n \n ) : null}\n \n \n makeApiRequest(question)}\n />\n
\n Settings for database search:
\n\nSettings for final chat completion:
\n\n\n \n \n\n
\n );\n};\n\nexport default Layout;","import { renderToStaticMarkup } from \"react-dom/server\";\n\ntype HtmlParsedAnswer = {\n answerHtml: string;\n citations: string[];\n};\n\nexport function parseAnswerToHtml(answer: string, isStreaming: boolean, onCitationClicked: (citationFilePath: string) => void): HtmlParsedAnswer {\n const citations: string[] = [];\n\n // trim any whitespace from the end of the answer after removing follow-up questions\n let parsedAnswer = answer.trim();\n\n // Omit a citation that is still being typed during streaming\n if (isStreaming) {\n let lastIndex = parsedAnswer.length;\n for (let i = parsedAnswer.length - 1; i >= 0; i--) {\n if (parsedAnswer[i] === \"]\") {\n break;\n } else if (parsedAnswer[i] === \"[\") {\n lastIndex = i;\n break;\n }\n }\n const truncatedAnswer = parsedAnswer.substring(0, lastIndex);\n parsedAnswer = truncatedAnswer;\n }\n\n const parts = parsedAnswer.split(/\\[([^\\]]+)\\]/g);\n\n const fragments: string[] = parts.map((part, index) => {\n if (index % 2 === 0) {\n return part;\n } else {\n let citationIndex: number;\n if (citations.indexOf(part) !== -1) {\n citationIndex = citations.indexOf(part) + 1;\n } else {\n citations.push(part);\n citationIndex = citations.length;\n }\n\n return renderToStaticMarkup(\n \n {citationIndex}\n \n );\n }\n });\n\n return {\n answerHtml: fragments.join(\"\"),\n citations\n };\n}\n","import { Sparkle28Filled } from \"@fluentui/react-icons\";\n\nexport const AnswerIcon = () => {\n return \n \n
\n Legal Research Assistant
\n \n\n\n \n \n \n
\n\n Demo: GraphRAG on PostgreSQL
\n\n onThoughtProcessClicked()}\n disabled = { false }\n />\n
\n { false && (\n \n onThoughtProcessClicked()}\n disabled = {!answer.context.thoughts?.length}\n />\n
\n )}\n - \n {parsedAnswer.citations.map((rowId, ind) => {\n const citation = answer.context.data_points[rowId];\n if (!citation) return null;\n return (\n
- \n
{citation.name}
\nBrand: {citation.brand}
\nPrice: {citation.price}
\n{citation.description}
\n \n );\n })}\n
\n Generating answer\n \n
\n{error}
\n\n \n } onClick={sendQuestion} />\n \n
\n onClick(value)}>\n
\n );\n};\n","import { Example } from \"./Example\";\n\nimport styles from \"./Example.module.css\";\n\nconst DEFAULT_EXAMPLES: string[] = [\n \"Water leaking into the apartment from the floor above. What are the prominent legal precedents in Washington on this problem?\",\n \"When the landlord is sued in court for leaking pipes, how many times did it result in a favorable decision for the lessee?\",\n];\n\ninterface Props {\n onExampleClicked: (value: string) => void\n}\n\nexport const ExampleList = ({ onExampleClicked }: Props) => {\n return (\n {text}
\n- \n {DEFAULT_EXAMPLES.map((question, i) => (\n
- \n
\n \n ))}\n
\n
\n );\n};\n","export enum AnalysisPanelTabs {\n GraphTab = \"graph\",\n ThoughtProcessTab = \"thoughtProcess\",\n SupportingContentTab = \"supportingContent\",\n CitationTab = \"citation\"\n}\n","import { Stack } from \"@fluentui/react\";\nimport { Light as SyntaxHighlighter } from \"react-syntax-highlighter\";\nimport json from \"react-syntax-highlighter/dist/esm/languages/hljs/json\";\nimport { a11yLight } from \"react-syntax-highlighter/dist/esm/styles/hljs\";\n\nimport styles from \"./AnalysisPanel.module.css\";\n\nimport { Thoughts } from \"../../api\";\n\nSyntaxHighlighter.registerLanguage(\"json\", json);\n\ninterface Props {\n thoughts: Thoughts[];\n}\n\nexport const ThoughtProcess = ({ thoughts }: Props) => {\n return (\n {message}
\n - \n {thoughts.map((t, ind) => {\n return (\n
- \n {t.title}\n
\n {t.props &&\n (Object.keys(t.props) || []).map((k: any) => (\n \n {k}: {JSON.stringify(t.props?.[k])}\n \n ))}\n \n {Array.isArray(t.description) ? (\n\n {JSON.stringify(t.description, null, 2)}\n \n ) : (\n{t.description}\n )}\n \n );\n })}\n
\n } disabled={disabled} onClick={onClick}>\n {\"Clear chat\"}\n \n
\n );\n};\n","import { useState } from \"react\";\nimport { Stack, IDropdownOption, Dropdown } from \"@fluentui/react\";\n\nimport styles from \"./VectorSettings.module.css\";\nimport { RetrievalMode } from \"../../api\";\n\ninterface Props {\n updateRetrievalMode: (retrievalMode: RetrievalMode) => void;\n}\n\nexport const VectorSettings = ({ updateRetrievalMode }: Props) => {\n const [retrievalMode, setRetrievalMode] = useState\n
\n );\n};\n\nexport default Chat;\n","import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport { createHashRouter, RouterProvider } from \"react-router-dom\";\nimport { initializeIcons } from \"@fluentui/react\";\nimport { AppStateProvider } from './AppStateContext/AppStateContext'; \n\nimport \"./index.css\";\n\nimport Layout from \"./pages/layout/Layout\";\nimport Chat from \"./pages/chat/Chat\";\n\nvar chat = \n setIsConfigPanelOpen(!isConfigPanelOpen)} /> )}\n
\n \n {!activeAnalysisPanelTab && (\n onToggleTab(x, selectedAnswer)}\n citationHeight=\"810px\"\n answer={answers[selectedAnswer][1]}\n activeTab={activeAnalysisPanelTab}\n />\n )}\n\n setIsConfigPanelOpen(false)}\n closeButtonAriaLabel=\"Close\"\n onRenderFooterContent={() => setIsConfigPanelOpen(false)}>Close }\n isFooterAtBottom={true}\n >\n setRetrievalMode(retrievalMode)} />\n\n
\n \n {!lastQuestionRef.current ? (\n
\n )}\n\n {answers.length > 0 && activeAnalysisPanelTab && (\n \n
\n ) : (\n US Case Law Database
\nAsk anything or try an example
\n\n {isStreaming &&\n streamedAnswers.map((streamedAnswer, index) => (\n
\n )}\n\n \n
\n ))}\n {!isStreaming &&\n answers.map((answer, index) => (\n \n onShowCitation(c, index)}\n onThoughtProcessClicked={() => onToggleTab(AnalysisPanelTabs.ThoughtProcessTab, index)}\n onSupportingContentClicked={() => onToggleTab(AnalysisPanelTabs.SupportingContentTab, index)}\n onFollowupQuestionClicked={q => makeApiRequest(q)}\n />\n
\n \n
\n ))}\n {isLoading && (\n <>\n \n onShowCitation(c, index)}\n onThoughtProcessClicked={() => onToggleTab(AnalysisPanelTabs.ThoughtProcessTab, index)}\n onSupportingContentClicked={() => onToggleTab(AnalysisPanelTabs.SupportingContentTab, index)}\n onFollowupQuestionClicked={q => makeApiRequest(q)}\n />\n
\n \n
\n \n )}\n {error ? (\n <>\n \n makeApiRequest(lastQuestionRef.current)} />\n
\n \n ) : null}\n \n \n makeApiRequest(question)}\n />\n
\n Settings for database search:
\n\nSettings for final chat completion:
\n\n
+
+ );
+};
diff --git a/src/frontend/src/components/Answer/Answer.tsx b/src/frontend/src/components/Answer/Answer.tsx
index 0a6c942..e87bec4 100644
--- a/src/frontend/src/components/Answer/Answer.tsx
+++ b/src/frontend/src/components/Answer/Answer.tsx
@@ -40,6 +40,16 @@ export const Answer = ({
+ Recall: {decode('40%', '60%', '70%')}
+
+
+ onThoughtProcessClicked()}
+ disabled = { false }
+ />
+
{ false && (
} disabled={disabled} onClick={onClick}>
- {"Clear chat"}
+ {"Clear"}
);
diff --git a/src/frontend/src/pages/chat/Chat.tsx b/src/frontend/src/pages/chat/Chat.tsx
index d22f8de..785039c 100644
--- a/src/frontend/src/pages/chat/Chat.tsx
+++ b/src/frontend/src/pages/chat/Chat.tsx
@@ -226,81 +226,83 @@ const Chat = () => {
{false && (
-
- {!lastQuestionRef.current ? (
-
-
-
- ) : (
- US Case Law Database
-Ask anything or try an example
-
- {isStreaming &&
- streamedAnswers.map((streamedAnswer, index) => (
-
-
- onShowCitation(c, index)}
- onThoughtProcessClicked={() => onToggleTab(AnalysisPanelTabs.ThoughtProcessTab, index)}
- onSupportingContentClicked={() => onToggleTab(AnalysisPanelTabs.SupportingContentTab, index)}
- onFollowupQuestionClicked={q => makeApiRequest(q)}
- />
+ {!activeAnalysisPanelTab && (
+ {
+ {!lastQuestionRef.current ? (
+
+ )}
{answers.length > 0 && activeAnalysisPanelTab && (
+
+
+ ) : (
+ US Case Law Database
+Ask anything or try an example
+
+ {isStreaming &&
+ streamedAnswers.map((streamedAnswer, index) => (
+
- ))}
- {!isStreaming &&
- answers.map((answer, index) => (
-
+
+ ))}
+ {!isStreaming &&
+ answers.map((answer, index) => (
+
+ onShowCitation(c, index)}
+ onThoughtProcessClicked={() => onToggleTab(AnalysisPanelTabs.ThoughtProcessTab, index)}
+ onSupportingContentClicked={() => onToggleTab(AnalysisPanelTabs.SupportingContentTab, index)}
+ onFollowupQuestionClicked={q => makeApiRequest(q)}
+ />
+
+
+
-
+ onShowCitation(c, index)}
+ onThoughtProcessClicked={() => onToggleTab(AnalysisPanelTabs.ThoughtProcessTab, index)}
+ onSupportingContentClicked={() => onToggleTab(AnalysisPanelTabs.SupportingContentTab, index)}
+ onFollowupQuestionClicked={q => makeApiRequest(q)}
+ />
+
-
+ )}
+
+
- onShowCitation(c, index)}
- onThoughtProcessClicked={() => onToggleTab(AnalysisPanelTabs.ThoughtProcessTab, index)}
- onSupportingContentClicked={() => onToggleTab(AnalysisPanelTabs.SupportingContentTab, index)}
- onFollowupQuestionClicked={q => makeApiRequest(q)}
- />
+ ))}
+ {isLoading && (
+ <>
+
- ))}
- {isLoading && (
- <>
-
+
-
-
-
- )}
- {error ? (
- <>
-
- makeApiRequest(lastQuestionRef.current)} />
-
-
- ) : null}
-
+
+ )}
+ {error ? (
+ <>
+
+ makeApiRequest(lastQuestionRef.current)} />
+
+
+ ) : null}
+
+
+ makeApiRequest(question)}
+ />
- )}
-
-
- makeApiRequest(question)}
- />
-
-