Hyperlinked citation + padding + separate new session button

extensions/vscode/src/commands.ts

@@ -556,7 +556,7 @@ const commandsMap: (
       ide.runCommand(text);
     },
     "pearai.newSession": async () => {
-      sidebar.webviewProtocol?.request("newSession", undefined);
+      sidebar.webviewProtocol?.request("newSession", undefined, [PEAR_CONTINUE_VIEW_ID]);
       const currentFile = await ide.getCurrentFile();
       sidebar.webviewProtocol?.request("setActiveFilePath", currentFile, [PEAR_CONTINUE_VIEW_ID]);
     },

gui/src/components/gui/StepContainer.tsx

@@ -165,6 +165,7 @@ function StepContainer({
     <div>
       <div className="relative">
         <ContentDiv
+          className="max-w-4xl mx-auto"
           hidden={!open}
           isUserInput={isUserInput}
           fontSize={getFontSize()}
@@ -184,6 +185,7 @@ function StepContainer({
               isLast={isLast}
               messageIndex={index}
               integrationSource={source}
+              citations={isPerplexity ? item.citations : undefined}
             />
           )}
         </ContentDiv>

gui/src/components/markdown/StyledMarkdownPreview.tsx

@@ -19,6 +19,7 @@ import PreWithToolbar from "./PreWithToolbar";
 import { SyntaxHighlightedPre } from "./SyntaxHighlightedPre";
 import "./katex.css";
 import "./markdown.css";
+import { Citation } from "core";
 
 const StyledMarkdown = styled.div<{
   fontSize?: number;
@@ -94,6 +95,7 @@ interface StyledMarkdownPreviewProps {
   isLast?: boolean;
   messageIndex?: number;
   integrationSource?: "perplexity" | "aider" | "continue";
+  citations?: Citation[];
 }
 
 interface FadeInWordsProps extends StyledMarkdownPreviewProps {
@@ -211,6 +213,15 @@ const FadeInElement: React.FC<FadeInElementProps> = (props: FadeInElementProps)
   return <ElementType {...otherProps}>{words}</ElementType>;
 };
 
+const processCitations = (text: string, citations?: Citation[]) => {
+  if (!citations) return text;
+
+  return text.replace(/\[(\d+)\]/g, (match, num) => {
+    const citation = citations[parseInt(num) - 1];
+    if (!citation) return match;
+    return `[[${num}]](${citation.url})`;
+  });
+};
 
 
 const StyledMarkdownPreview = memo(function StyledMarkdownPreview(
@@ -385,6 +396,11 @@ const StyledMarkdownPreview = memo(function StyledMarkdownPreview(
     setMarkdownSource(props.source || "");
   }, [props.source]);
 
+  useEffect(() => {
+    const processedSource = processCitations(props.source || "", props.citations);
+    setMarkdownSource(processedSource);
+  }, [props.source, props.citations]);
+
   return (
     <StyledMarkdown fontSize={getFontSize()} showBorder={false}>
       {reactContent}

gui/src/integrations/perplexity/Citations.tsx

@@ -75,7 +75,7 @@ export const Citations = ({ citations, className, isLast, active}: CitationsProp
       <div className="overflow-x-auto pb-2">
         <div className="flex space-x-2">
           {citations.map((citation, i) => (
-            <CitationCard 
+            <CitationCard
               key={citation.url} 
               citation={citation} 
               isLast={isLast}

gui/src/integrations/perplexity/perplexitygui.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import { ChatBubbleOvalLeftIcon } from "@heroicons/react/24/outline";
 import { JSONContent } from "@tiptap/react";
 import { InputModifiers } from "core";
@@ -124,7 +125,6 @@ function PerplexityGUI() {
         !e.shiftKey
       ) {
         saveSession();
-        ideMessenger.post("aiderResetSession", undefined);
       }
     };
     window.addEventListener("keydown", listener);
@@ -319,7 +319,7 @@ function PerplexityGUI() {
                             }
                             active={active}
                           /> }
-                        <StepContainer
+                          <StepContainer
                           index={index}
                           isLast={
                             index === sessionState.perplexityHistory.length - 1