Skip to content

Update docs for Hypermode Agents UI refresh #164

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 16 commits into from
Jul 21, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 2 additions & 6 deletions agents/30-days-of-agents/day-1.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@ analyze professional information:
**Try this LinkedIn-style research:**

```text
Can you research Reid Hoffman, the founder of LinkedIn?
Can you research Reid Hoffman on LinkedIn, the founder of LinkedIn?
I'd like to know about his current activities, recent posts or articles, and any speaking engagements or interviews.
```

Expand Down Expand Up @@ -137,11 +137,7 @@ Can you research their latest product announcements, funding news, and key execu

## Step 4: configure your agent settings

<img
className="w-80 mx-auto"
src="/images/agents/30-days-of-agents/day1-agent-config.png"
alt="Agent Configuration - Placeholder"
/>
![Agent Configuration - Placeholder](/images/agents/30-days-of-agents/day1-agent-config.png)

### Model selection

Expand Down
2 changes: 1 addition & 1 deletion agents/30-days-of-agents/day-2.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ experiencing how agents handle actual work scenarios.
Building on yesterday's foundation, you'll see how agent capabilities translate
into immediate productivity gains.

![Sidekick Interface - Placeholder](/images/agents/30-days-of-agents/sidekick-about.png)
![Sidekick Interface - Placeholder](/images/agents/30-days-of-agents/day1-interface-tour.png)

## What you'll accomplish today

Expand Down
91 changes: 51 additions & 40 deletions agents/30-days-of-agents/day-8.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@ its configuration options. The agent interface gives you powerful customization
capabilities.

<img
className="w-1/2 mx-auto"
className="w-2/3 mx-auto"
src="/images/agents/30-days-of-agents/day-8-agent-about.png"
alt="Agent About View"
/>
Expand Down Expand Up @@ -103,25 +103,36 @@ capabilities.
explore different behaviors.
</Tip>

## Step 2: Add connections through the agent interface
## Step 2: Configure agent-specific connections

Now let's give your agent access to the services it needs. The connections
interface makes this straightforward.
Now let's give your agent access to the services it needs. There are two types
of connections: **agent connections** (specific to your agent) and **workspace
connections** (shared across all agents). Let's start with agent-specific
connections.

<img
className="w-1/2 mx-auto"
className="w-2/3 mx-auto"
src="/images/agents/30-days-of-agents/day-8-agent-connections.png"
alt="Agent Connections View"
/>

**Configure connections via agent interface:**
**Configure agent connections:**

1. **Navigate to the Connections tab** in your agent's about section
2. **Browse available connections** or search for specific services your agent
might need
3. **Click "Add Connection"** for services that align with your agent's purpose
4. **Complete the OAuth flow** when prompted for authentication
5. **Verify successful connection** with the green checkmark indicator
1. **Navigate to your agent** by clicking it in the sidebar
2. **Click the agent's name** at the top to open the About section
3. **Click the Connections tab** to see available connections for this agent
4. **Browse available connections** or search for specific services your agent
needs
5. **Click "Add Connection"** for services that align with your agent's purpose
6. **Complete the OAuth flow** when prompted for authentication
7. **Verify successful connection** with the green checkmark indicator

<Info>
**Agent connections are specific**: connections you add here are only
available to this particular agent. If you want connections available to all
agents in your workspace, you'll need to configure workspace connections
(covered in Step 3).
</Info>

**Connection selection strategy:**

Expand Down Expand Up @@ -150,38 +161,36 @@ that support those capabilities. For example:
cases.
</Info>

## Step 3: Alternative connection management options

Besides the agent interface, you have other ways to manage connections across
your workspace.

<img
className="w-1/2 mx-auto"
src="/images/agents/connections-sidebar.png"
alt="Agent Connections View"
/>

**Sidebar connection access:**
## Step 3: Configure workspace-level connections

- **Click "Add connections"** from the left navigation bar
- **Search through 2,000+ integrations** to find specific services
- **Complete OAuth flows** directly from the sidebar
In addition to agent-specific connections, you can configure workspace
connections that are shared across all agents in your workspace.

![Connections Management](/images/agents/connections-manage.png)

**Workspace-level management:**
**Configure workspace connections:**

1. **Navigate to Workspace Settings** from your profile menu
2. **Click the Connections tab** to see all available integrations
3. **Add connections** that can be shared across multiple agents
4. **Manage authentication status** and review permissions
1. **Navigate to Workspace Settings** from your profile menu (click your avatar
in the top right)
2. **Click the Connections tab** to see all available workspace-wide
integrations
3. **Add connections** that multiple agents might need to share
4. **Complete authentication** for each service you connect
5. **Manage authentication status** and review permissions

<Info>
**Multiple access points**: whether you use the agent interface, sidebar, or
workspace settings depends on your preference. All methods give you access to
the same powerful integration ecosystem.
**When to use workspace vs. agent connections**: - **Workspace connections**:
for services that multiple agents need to access (like company Google Drive or
Slack) - **Agent connections**: for services specific to one agent's role
(like a specific GitHub repository for a code agent)
</Info>

<Tip>
**Connection hierarchy**: agents can use both their specific connections and
any workspace connections. This gives you flexibility in how you organize
access across your team.
</Tip>

## Step 4: Test your agent's new tool capabilities

Now that your agent has connections, let's explore what specific tools it can
Expand Down Expand Up @@ -261,8 +270,9 @@ In 20 minutes, you've mastered agent configuration and tool enablement:
**Interface mastery**: learned to navigate and customize your agent through the
About section, including instructions and model selection

**Connection configuration**: successfully added relevant connections through
multiple access methods - agent interface, sidebar, and workspace settings
**Connection configuration**: successfully added agent-specific connections
through the agent's Connections tab and learned to configure workspace-wide
connections through Workspace Settings

**Tool capability exploration**: tested your agent's new abilities and
discovered what specific tools are available with each connection
Expand Down Expand Up @@ -312,9 +322,10 @@ considered, based on its understanding of the tools now available.

**Time to complete**: ~20 minutes

**Skills learned**: agent configuration interface, connection management across
multiple access points, understanding connections vs. tools, agent instruction
editing, model selection, tool capability exploration and testing
**Skills learned**: agent configuration interface, connection management for
both agent-specific and workspace connections, understanding connections vs.
tools, agent instruction editing, model selection, tool capability exploration
and testing

**Next**: day 9 - Create reusable tasks from successful workflows

Expand Down
6 changes: 6 additions & 0 deletions agents/30-days-of-agents/day-9.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,12 @@ description:

</Card>

<Note>

We're reworking some things and Agent tasks are available soon!

</Note>

Welcome to Day 9! Over the past two days, you've built custom agents and
sophisticated workflows. Today you'll learn to capture these successes as
**reusable tasks**—turning one-time interactions into scalable, repeatable
Expand Down
2 changes: 1 addition & 1 deletion agents/30-days-of-agents/overview.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ week's foundations:

This is a foundation week designed to show value in less than 10 min/day.

![Sidekick](/images/agents/30-days-of-agents/sidekick-about.png)
![Sidekick](/images/agents/30-days-of-agents/day1-interface-tour.png)

Start your agent journey with Sidekick, Hypermode's built-in productivity agent.
Learn the fundamentals of agent interaction while getting immediate value from
Expand Down
2 changes: 1 addition & 1 deletion agents/agent-gallery/channelpulse.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ description:
recommendations via automated reports."
---

![ChannelPulse Marketing Insights](/images/agents/agent-gallery/channelpulse.png)
{/* ![ChannelPulse Marketing Insights](/images/agents/agent-gallery/channelpulse.png) */}

## Instructions

Expand Down
2 changes: 1 addition & 1 deletion agents/agent-gallery/competitor-content-tracker.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ description:
opportunities for your marketing team."
---

![Competitor Content Tracker](/images/agents/agent-gallery/competitor-content-tracker.png)
{/* ![Competitor Content Tracker](/images/agents/agent-gallery/competitor-content-tracker.png) */}

## Instructions

Expand Down
2 changes: 1 addition & 1 deletion agents/agent-gallery/event-webinar-optimizer.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ description:
strategy and maximize engagement."
---

![Event & Webinar Optimizer](/images/agents/agent-gallery/event-webinar-optimizer.png)
{/* ![Event & Webinar Optimizer](/images/agents/agent-gallery/event-webinar-optimizer.png) */}

## Instructions

Expand Down
2 changes: 1 addition & 1 deletion agents/agent-gallery/github-review-bot.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ description:
feedback on code quality, and ensures adherence to best practices."
---

![GitHub Review Bot](/images/agents/agent-gallery/github-review-bot.png)
{/* ![GitHub Review Bot](/images/agents/agent-gallery/github-review-bot.png) */}

## Instructions

Expand Down
2 changes: 1 addition & 1 deletion agents/agent-gallery/gtm-engineer.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ description:
team has the best in data."
---

![DealBuddy](/images/agents/agent-gallery/dealbuddy.png)
{/* ![DealBuddy](/images/agents/agent-gallery/dealbuddy.png) */}

## Instructions

Expand Down
2 changes: 1 addition & 1 deletion agents/agent-gallery/inventory-tracker.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ description:
Google Sheets data."
---

![Inventory & Sales Tracker](/images/agents/agent-gallery/inventory-tracker.png)
{/* ![Inventory & Sales Tracker](/images/agents/agent-gallery/inventory-tracker.png) */}

## Instructions

Expand Down
2 changes: 1 addition & 1 deletion agents/agent-gallery/linkedin-intelligence.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ description:
professional networks."
---

![LinkedIn Intelligence Agent](/images/agents/agent-gallery/linkedin-intelligence.png)
{/* ![LinkedIn Intelligence Agent](/images/agents/agent-gallery/linkedin-intelligence.png) */}

## Instructions

Expand Down
2 changes: 1 addition & 1 deletion agents/agent-gallery/market-researcher.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ description:
whether it's your competitors or your newest partner."
---

![Market Researcher](/images/agents/agent-gallery/market-researcher.png)
{/* ![Market Researcher](/images/agents/agent-gallery/market-researcher.png) */}

## Instructions

Expand Down
2 changes: 1 addition & 1 deletion agents/agent-gallery/music-recommendation.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ description:
preferences and create new Spotify playlists"
---

![Music Recommendation Agent](/images/agents/agent-gallery/music-recommendation.png)
{/* ![Music Recommendation Agent](/images/agents/agent-gallery/music-recommendation.png) */}

## Instructions

Expand Down
2 changes: 1 addition & 1 deletion agents/agent-gallery/persona-builder.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ description:
and recommend targeted messaging adjustments."
---

![Persona Builder & Refiner](/images/agents/agent-gallery/persona-builder.png)
{/* ![Persona Builder & Refiner](/images/agents/agent-gallery/persona-builder.png) */}

## Instructions

Expand Down
2 changes: 1 addition & 1 deletion agents/agent-gallery/pr-opportunity-scout.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ description:
pitch angles based on recent coverage patterns."
---

![PR Opportunity Scout](/images/agents/agent-gallery/pr-opportunity-scout.png)
{/* ![PR Opportunity Scout](/images/agents/agent-gallery/pr-opportunity-scout.png) */}

## Instructions

Expand Down
2 changes: 1 addition & 1 deletion agents/agent-gallery/social-media.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ description:
run campaigns based on your products and brand."
---

![Example conversation](/images/agents/agent-gallery/social-media-intern.png)
{/* ![Example conversation](/images/agents/agent-gallery/social-media-intern.png) */}

## Instructions

Expand Down
2 changes: 1 addition & 1 deletion agents/agent-gallery/workout-scheduling.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ description:
preferences and Strava data and calendar availability."
---

![Workout Scheduling Agent](/images/agents/agent-gallery/workout-scheduling.png)
{/* ![Workout Scheduling Agent](/images/agents/agent-gallery/workout-scheduling.png) */}

## Instructions

Expand Down
Loading
Loading