feat: Enhance stock analysis agent and other components

- Refactored stock analysis agent's reasoning protocol for clarity and conciseness, consolidating multiple analysis frameworks into a streamlined process.
- Updated data gathering and analysis phases in the stock analysis agent to improve efficiency and clarity.
- Added tool efficiency guidelines to the weather agent to prevent repetitive tool usage.
- Changed index configuration in pg-storage from 'flat' to 'hnsw' for improved performance with high-dimensional embeddings.
- Cleaned up memory template in pg-storage for better readability and organization.
- Updated web scraper tool to introduce new schemas for crawling, extraction, request, and storage options, enhancing configurability.
- Improved output structure in web scraper tool to better organize extracted content and analysis results.
- Introduced a new chat sidebar component for displaying agent details, features, checkpoints, and memory settings in a user-friendly manner.

Author: ssdeanx

Copilot-Processing.md

@@ -31,23 +31,22 @@ Instructions also mention Unreal Engine ThirdPerson template project and UE C++
   - [x] Update `src/mastra/config/google.ts` to use `createGoogleGenerativeAI`.
   - [x] Update `src/mastra/config/pg-storage.ts` to use local provider instance instead of legacy facade.
 - [x] Update documentation
+- [x] Improve Chat UI and Google 3 Model Support:
+  - [x] Add Gemini 3 Flash and update Gemini 3 Pro in `google-models.ts`.
+  - [x] Improve `ChatInput` with `ModelSelector`, `Context`, `SpeechButton`, and `ActionMenu`.
+  - [x] Create `ChatSidebar` for agent details, checkpoints, and memory settings.
+  - [x] Update `ChatPage` layout to include sidebar and adjust height for Navbar.
+  - [x] Restore all features to `ChatHeader` and add `mt-16` to lower it below the Navbar.
+  - [x] Add `gemini3Expert` agent to `agents.ts`.
 
 ## Summary
 
-Enhanced the GitHub toolset in `src/mastra/tools/github.ts` by adding 5 new tools:
+Enhanced the Chat UI and added support for Google Gemini 3 models:
 
-1. `createPullRequest`: Create a new PR with title, head, base, and body.
-2. `mergePullRequest`: Merge an existing PR using merge, squash, or rebase methods.
-3. `addIssueComment`: Add comments to issues or PRs.
-4. `getPullRequest`: Retrieve detailed information about a specific PR.
-5. `getIssue`: Retrieve detailed information about a specific issue.
-
-Fixed a TypeScript error in `src/mastra/agents/bgColorAgent.ts` where `colorChangeTool` was incompatible with the `Agent` class.
-
-Fixed a runtime error in `app/components/navbar.tsx` caused by `NavigationMenuTrigger` receiving multiple children when `asChild` was true. The `NavigationMenuTrigger` component in `ui/navigation-menu.tsx` was updated to only render the chevron icon when `asChild` is false.
-
-Updated `src/mastra/config/google.ts` and `src/mastra/config/pg-storage.ts` to be compatible with `@ai-sdk/google` v3. This involved:
-
-- Using `createGoogleGenerativeAI` to create a provider instance in `google.ts`.
-- Updating `pg-storage.ts` to import the `google` provider from the local config instead of the removed facade in `@ai-sdk/google`.
-- Removing unnecessary type casts in `pg-storage.ts`.
+1. **Google 3 Models**: Added `gemini-3-flash-preview` and updated `gemini-3-pro-preview` in the model configuration.
+2. **Chat UI Improvement**:
+   - **Rich Input**: The `ChatInput` now features a model selector, token usage context, speech-to-text button, and an action menu for attachments.
+   - **Sidebar Layout**: Added a `ChatSidebar` that displays agent capabilities, conversation checkpoints, and memory configuration (Thread ID/Resource ID).
+   - **Lowered Header**: The `ChatHeader` now has a top margin (`mt-16`) to sit perfectly below the fixed global Navbar. All original features (checkpoints, memory settings, usage) have been restored to the header while also being available in the sidebar.
+   - **Layout Adjustment**: Updated the `ChatPage` height to `h-[calc(100vh-4rem)]` to account for the Navbar height and prevent unwanted scrolling.
+3. **New Agent**: Added a specialized `Gemini 3 Expert` agent configuration.

app/chat/components/agent-chain-of-thought.tsx

@@ -26,11 +26,11 @@ export function AgentChainOfThought({
   defaultOpen = true,
   className,
 }: AgentChainOfThoughtProps) {
-  if (!steps || steps.length === 0) {return null}
-
   const completedCount = useMemo(() => steps.filter((s) => s.status === "complete").length, [steps])
   const activeStep = useMemo(() => steps.find((s) => s.status === "active"), [steps])
 
+  if (steps.length === 0) {return null}
+
   return (
     <ChainOfThought defaultOpen={defaultOpen} className={className}>
       <ChainOfThoughtHeader className="flex items-center gap-2">
@@ -59,7 +59,7 @@ export function AgentChainOfThought({
             description={step.description}
             status={step.status}
           >
-            {step.duration && step.status === "complete" && (
+            {(Boolean(step.duration)) && step.status === "complete" && (
               <span className="flex items-center gap-1 text-xs text-muted-foreground">
                 <ClockIcon className="size-3" />
                 {step.duration}s

app/chat/components/agent-checkpoint.tsx

@@ -57,7 +57,7 @@ export function AgentCheckpoint({
   onRestore,
   className,
 }: AgentCheckpointProps) {
-  const date = timestamp ? (typeof timestamp === 'string' ? new Date(timestamp) : timestamp) : undefined
+  const date = timestamp !== undefined ? (typeof timestamp === 'string' ? new Date(timestamp) : timestamp) : undefined
   const displayLabel = label ?? (date
     ? `Checkpoint at ${formatTime(date)}`
     : `Checkpoint ${messageIndex + 1}`)

app/chat/components/agent-inline-citation.tsx

@@ -24,8 +24,7 @@ interface AgentInlineCitationProps {
 }
 
 export function AgentInlineCitation({ citations, text }: AgentInlineCitationProps) {
-  const citation = citations[0]
-  if (!citation) {return <span>{text}</span>}
+  if (citations.length === 0) {return <span>{text}</span>}
 
   return (
     <InlineCitation>

app/chat/components/agent-queue.tsx

@@ -117,10 +117,10 @@ function TaskSection({
                   )}
                 </QueueItemActions>
               </div>
-              {task.description && (
+              {(Boolean(task.description)) && (
                 <QueueItemDescription>{task.description}</QueueItemDescription>
               )}
-              {task.error && (
+              {(Boolean(task.error)) && (
                 <QueueItemDescription className="text-destructive">
                   {task.error}
                 </QueueItemDescription>

app/chat/components/chat-header.tsx

@@ -116,7 +116,7 @@ export function ChatHeader() {
   const usedTokens = usage ? usage.inputTokens + usage.outputTokens : 0
 
   return (
-    <header className="flex items-center justify-between border-b border-border px-4 py-3">
+    <header className="flex items-center justify-between border-b border-border px-4 py-3 mt-16">
       <div className="flex items-center gap-3">
         <MessageSquareIcon className="size-5 text-muted-foreground" />
         <div className="flex flex-col">
@@ -201,15 +201,15 @@ export function ChatHeader() {
             <Button
               variant="outline"
               size="sm"
-              className="min-w-[140px] justify-between gap-2"
+              className="min-w-35 justify-between gap-2"
             >
               <CpuIcon className="size-3.5 text-muted-foreground" />
               <span className="truncate text-xs">{selectedModel.name}</span>
             </Button>
           </ModelSelectorTrigger>
-          <ModelSelectorContent className="w-[340px]">
+          <ModelSelectorContent className="w-85">
             <ModelSelectorInput placeholder="Search models..." />
-            <ModelSelectorList className="max-h-[400px]">
+            <ModelSelectorList className="max-h-100">
               <ModelSelectorEmpty>No models found.</ModelSelectorEmpty>
               {PROVIDER_ORDER.map((provider) => {
                 const models = modelsByProvider[provider]
@@ -266,9 +266,9 @@ export function ChatHeader() {
               <span className="truncate">{agentConfig?.name ?? selectedAgent}</span>
             </Button>
           </ModelSelectorTrigger>
-          <ModelSelectorContent className="w-[320px]">
+          <ModelSelectorContent className="w-80">
             <ModelSelectorInput placeholder="Search agents..." />
-            <ModelSelectorList className="max-h-[400px]">
+            <ModelSelectorList className="max-h-100">
               <ModelSelectorEmpty>No agents found.</ModelSelectorEmpty>
               {CATEGORY_ORDER.map((category) => {
                 const agents = agentsByCategory[category]
@@ -282,7 +282,7 @@ export function ChatHeader() {
                     {agents.map((agent) => (
                       <ModelSelectorItem
                         key={agent.id}
-                        value={agent.id}
+                        value={agent.name}
                         onSelect={() => handleSelectAgent(agent)}
                         className="flex items-center justify-between"
                       >