Skip to content
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

feat: overhaul agent edit UX #254

Merged
merged 3 commits into from
Oct 22, 2024

Conversation

tylerslaton
Copy link
Contributor

@tylerslaton tylerslaton commented Oct 21, 2024

This is a pretty substantial overhaul of the agent
edit UX. The main changes are:

  • A new "Advanced" tab that allows you to edit the
    prompt
  • The name and description now look like contentEditable
    fields (they're not, but they act like them)
  • The edit agent page has moved the "go back" button
    to the header
  • New "Knowledge" suggestion for preview chats
  • Updated "restart chat" button to be "new thread"
    along with a companion button to select past threads
  • Accordion options now have color, descriptions, and
    larger text.
  • New Agents now have a name of "New Agent" instead of
    the fun random names they used to have.
Screen.Recording.2024-10-22.at.11.56.00.AM.mov

@ryanhopperlowe ryanhopperlowe self-requested a review October 22, 2024 13:34
@tylerslaton
Copy link
Contributor Author

@ryanhopperlowe Addressed your comments and introduced a lot of new code. Mind giving it another look?

This is a pretty substantial overhaul of the agent
edit UX. The main changes are:
- A new "Advanced" tab that allows you to edit the
  prompt
- The name and description now look like contentEditable
  fields (they're not, but they act like them)
- The edit agent page has moved the "go back" button
  to the header
- New "Knowledge" suggestion for preview chats
- Updated "restart chat" button to be "new thread"
  along with a companion button to select past threads
- Accordion options now have color, descriptions, and
  larger text.
- New Agents now have a name of "New Agent" instead of
  the fun random names they used to have.

Signed-off-by: tylerslaton <[email protected]>
Copy link
Contributor

@ryanhopperlowe ryanhopperlowe left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

couple of new things

ui/admin/app/components/agent/PastThreads.tsx Outdated Show resolved Hide resolved
ui/admin/app/components/agent/AgentForm.tsx Outdated Show resolved Hide resolved
ui/admin/app/components/agent/Agent.tsx Outdated Show resolved Hide resolved
<Popover open={open} onOpenChange={handleOpenChange}>
<PopoverTrigger asChild>
<Button variant="secondary" size="icon">
<ChevronUpIcon className="w-4 h-4" />
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can you add text here to indicate past threads?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I would prefer a tool tip, what do you think? Otherwise things get a bit crowded.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Either is fine with me. Just some sort of indicator would be nice

ui/admin/app/components/agent/PastThreads.tsx Show resolved Hide resolved
ui/admin/app/components/agent/ToolForm.tsx Outdated Show resolved Hide resolved
ui/admin/app/components/thread/ThreadMeta.tsx Outdated Show resolved Hide resolved
ui/admin/app/components/header/HeaderNav.tsx Outdated Show resolved Hide resolved
ui/admin/app/routes/_auth.agents.$agent.tsx Outdated Show resolved Hide resolved
Comment on lines 26 to 28
export const agentEditParamSchema = z.object({
from: z.string().optional(),
});
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
export const agentEditParamSchema = z.object({
from: z.string().optional(),
});
const paramSchema = QueryParamService.Agents;
export type SearchParams = z.infer<typeof paramSchema>;

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

didn't see this fix

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I just forgot to delete this, I'm not actually using it since its defined in the QueryParamSchemas

Copy link
Contributor

@ryanhopperlowe ryanhopperlowe left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

accidentally hit approve. I'll leave it though for when the comments are addressed

@tylerslaton
Copy link
Contributor Author

@ryanhopperlowe I addressed all of your comments except for the first one, if you'd like lets meet so I can understand why we should do that instead of what we have now.

ui/admin/app/components/ui/input.tsx Outdated Show resolved Hide resolved
<Popover open={open} onOpenChange={handleOpenChange}>
<PopoverTrigger asChild>
<Button variant="secondary" size="icon">
<ChevronUpIcon className="w-4 h-4" />
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Either is fine with me. Just some sort of indicator would be nice

@tylerslaton
Copy link
Contributor Author

#265

@tylerslaton tylerslaton merged commit 9e05bbe into obot-platform:main Oct 22, 2024
1 check passed
@tylerslaton tylerslaton deleted the overhaul-agent-edit branch October 22, 2024 19:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants