show / hide

Author: oshaikh13

src/components/DemoPage.jsx

@@ -4,12 +4,13 @@ import Carousel from './Carousel';
 import App from '../App';
 import dynamicData from '../data/dynamicData.json';
 import { DynamicDataProvider } from '../context/DynamicDataContext';
-import { FaFileAlt, FaGithub } from 'react-icons/fa'; // Updated icons
+import { FaFileAlt, FaGithub, FaAngleDown, FaAngleUp } from 'react-icons/fa'; // Updated icons and arrow icons
 import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
 import { atomDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
 
 const DemoPage = () => {
   const [selectedHour, setSelectedHour] = useState(13); // Default to 1 PM
+  const [abstractExpanded, setAbstractExpanded] = useState(false); // State for abstract toggle
 
   // Ensure we match the key type in dynamicData (keys as strings)
   const currentData = dynamicData[selectedHour.toString()] || { carousel: [], suggestions: [], activity: "" };
@@ -18,6 +19,10 @@ const DemoPage = () => {
     setSelectedHour(newHour);
   };
 
+  const toggleAbstract = () => {
+    setAbstractExpanded(!abstractExpanded);
+  };
+
   const codeString = `from dotenv import load_dotenv
 load_dotenv()
 
@@ -106,16 +111,34 @@ except KeyboardInterrupt:
         <h3 style={{ 
           color: 'var(--color-main-text)', 
           margin: '0 0 15px 0',
-          fontSize: '20px',
-          fontWeight: '600',
           textAlign: 'center',
-          width: '100%'
-        }}>
-          Abstract
+          width: 'auto',
+          display: 'inline-flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          cursor: 'pointer',
+          padding: '8px 16px',
+          borderRadius: '6px',
+          backgroundColor: 'rgba(255, 255, 255, 0.05)',
+          border: '1px solid rgba(255, 255, 255, 0.1)',
+          transition: 'all 0.2s ease',
+          boxShadow: '0 2px 5px rgba(0, 0, 0, 0.1)',
+        }} 
+        onClick={toggleAbstract}
+        onMouseOver={(e) => e.currentTarget.style.backgroundColor = 'rgba(255, 255, 255, 0.1)'}
+        onMouseOut={(e) => e.currentTarget.style.backgroundColor = 'rgba(255, 255, 255, 0.05)'}
+        >
+          {abstractExpanded ? 'Hide Abstract' : 'Show Abstract'}
+          {abstractExpanded ? 
+            <FaAngleUp style={{ marginLeft: '8px' }} /> : 
+            <FaAngleDown style={{ marginLeft: '8px' }} />
+          }
         </h3>
-        <p className="abstract-paragraph">
-          Human-computer interaction has long imagined technology that understands us—from our preferences and habits, to the timing and purpose of our everyday actions. Yet current user models remain fragmented, narrowly tailored to specific applications, and incapable of the flexible, cross-context reasoning required to fulfill these visions. This paper presents an architecture for a general user model (GUM) that can be used by any application. The GUM takes as input any unstructured observation of a user (e.g., device screenshots) and constructs confidence-weighted natural language propositions that capture that user's behavior, knowledge, beliefs, and preferences. GUMs can infer that a user is preparing for a wedding they're attending from a message thread with a friend. Or recognize that a user is struggling with a collaborator's feedback on a draft paper by observing multiple stalled edits and a switch to reading related work. GUMs introduce an architecture that infers new propositions about a user from multimodal observations, retrieves related propositions for context, and continuously revises existing propositions. To illustrate the breadth of applications that GUMs enable, we demonstrate how they augment chat-based assistants with contextual understanding, manage OS notifications to surface important information only when needed, and enable interactive agents that adapt to user preferences across applications. We also instantiate a new class of proactive assistants (GUMBOs) that discover and execute useful suggestions on a user's behalf based on the their GUM. In our evaluations, we find that GUMs make calibrated and accurate inferences about users, and that assistants built on GUMs proactively identify and perform actions of meaningful value that users wouldn't think to request explicitly. From observing a user coordinating a move with their roommate, GUMBO worked backward from the user's move-in date and budget, generated a personalized schedule with logistical to-dos, and recommended helpful moving services. Altogether, GUMs introduce new methods that leverage large multimodal models to understand unstructured user context—enabling both long-standing visions of HCI and entirely new interactive systems that anticipate user needs.
-        </p>
+        {abstractExpanded && (
+          <p className="abstract-paragraph">
+            Human-computer interaction has long imagined technology that understands us—from our preferences and habits, to the timing and purpose of our everyday actions. Yet current user models remain fragmented, narrowly tailored to specific applications, and incapable of the flexible, cross-context reasoning required to fulfill these visions. This paper presents an architecture for a general user model (GUM) that can be used by any application. The GUM takes as input any unstructured observation of a user (e.g., device screenshots) and constructs confidence-weighted natural language propositions that capture that user's behavior, knowledge, beliefs, and preferences. GUMs can infer that a user is preparing for a wedding they're attending from a message thread with a friend. Or recognize that a user is struggling with a collaborator's feedback on a draft paper by observing multiple stalled edits and a switch to reading related work. GUMs introduce an architecture that infers new propositions about a user from multimodal observations, retrieves related propositions for context, and continuously revises existing propositions. To illustrate the breadth of applications that GUMs enable, we demonstrate how they augment chat-based assistants with contextual understanding, manage OS notifications to surface important information only when needed, and enable interactive agents that adapt to user preferences across applications. We also instantiate a new class of proactive assistants (GUMBOs) that discover and execute useful suggestions on a user's behalf based on the their GUM. In our evaluations, we find that GUMs make calibrated and accurate inferences about users, and that assistants built on GUMs proactively identify and perform actions of meaningful value that users wouldn't think to request explicitly. From observing a user coordinating a move with their roommate, GUMBO worked backward from the user's move-in date and budget, generated a personalized schedule with logistical to-dos, and recommended helpful moving services. Altogether, GUMs introduce new methods that leverage large multimodal models to understand unstructured user context—enabling both long-standing visions of HCI and entirely new interactive systems that anticipate user needs.
+          </p>
+        )}
       </div>
 
       <div style={{