Skip to content

Improve Teams integration and registration UX #49

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.

Sign up for GitHub

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

Closed
somethingwentwell wants to merge 1 commit into from
Closed

Improve Teams integration and registration UX #49

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
3 changes: 2 additions & 1 deletion backend/alembic/versions/add_microsoft_teams_support.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,8 @@
def upgrade() -> None:
# Add 'microsoft_teams' to im_provider_enum
op.execute("ALTER TYPE im_provider_enum ADD VALUE IF NOT EXISTS 'microsoft_teams'")
op.add_column('chat_messages', sa.Column('thinking', sa.Text(), nullable=True))
# Add 'thinking' column to chat_messages if it does not already exist
op.execute("ALTER TABLE chat_messages ADD COLUMN IF NOT EXISTS thinking TEXT")
# Add 'microsoft_teams' to channel_type_enum
op.execute("ALTER TYPE channel_type_enum ADD VALUE IF NOT EXISTS 'microsoft_teams'")

Expand Down
30 changes: 30 additions & 0 deletions frontend/src/pages/AgentCreate.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -560,6 +560,36 @@ export default function AgentCreate() {
)}
</div>

{/* Microsoft Teams (configure after creation in Agent settings) */}
<div style={{ border: '1px solid var(--border-default)', borderRadius: '8px', overflow: 'hidden' }}>
<div
style={{
display: 'flex', alignItems: 'center', gap: '12px', padding: '14px',
background: 'var(--bg-elevated)',
}}
>
{/* Simple Teams icon */}
<svg width="20" height="20" viewBox="0 0 24 24" aria-hidden="true">
<rect x="2.5" y="4" width="12" height="12" rx="3" fill="#6264A7" />
<path
d="M7 9h5c.3 0 .5.2.5.5v1.1c0 .3-.2.5-.5.5H10.9v4.7c0 .3-.2.5-.5.5H8.7c-.3 0-.5-.2-.5-.5v-4.7H7c-.3 0-.5-.2-.5-.5V9.5C6.5 9.2 6.7 9 7 9Z"
fill="#FFFFFF"
/>
<circle cx="18.5" cy="7.5" r="2.1" fill="#7B83EB" />
<rect x="16.4" y="10.3" width="4.6" height="5.8" rx="2" fill="#7B83EB" />
</svg>
<div style={{ flex: 1 }}>
<div style={{ fontWeight: 500, fontSize: '13px' }}>Microsoft Teams</div>
<div style={{ fontSize: '11px', color: 'var(--text-tertiary)' }}>
Teams Bot (configure details in Agent Settings after creation)
</div>
</div>
<span style={{ fontSize: '10px', padding: '2px 8px', borderRadius: '10px', background: 'var(--bg-secondary)', color: 'var(--text-tertiary)', fontWeight: 500 }}>
Available
</span>
</div>
</div>

{/* Other channels — coming soon */}
{[
{ icon: '💬', name: t('wizard.step5.dingtalk', 'DingTalk'), desc: t('wizard.step5.dingtalkDesc', 'DingTalk custom robot integration') },
Expand Down
31 changes: 18 additions & 13 deletions frontend/src/pages/Login.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -174,19 +174,24 @@ export default function Login() {
placeholder={t('auth.emailPlaceholder')}
/>
</div>
<div className="login-field">
<label>{t('auth.selectCompany')}</label>
<select
value={form.tenant_id}
onChange={(e) => setForm({ ...form, tenant_id: e.target.value })}
required
>
<option value="">{t('auth.selectCompanyPlaceholder')}</option>
{tenants.map((tenant) => (
<option key={tenant.id} value={tenant.id}>{tenant.name}</option>
))}
</select>
</div>

{/* Only show company selector if there are tenants to choose from */}
{tenants.length > 0 && (
<div className="login-field">
<label>{t('auth.selectCompany')}</label>
<select
value={form.tenant_id}
onChange={(e) => setForm({ ...form, tenant_id: e.target.value })}
required
>
<option value="">{t('auth.selectCompanyPlaceholder')}</option>
{tenants.map((tenant) => (
<option key={tenant.id} value={tenant.id}>{tenant.name}</option>
))}
</select>
</div>
)}

{invitationRequired && (
<div className="login-field">
<label>{t('auth.invitationCode')}</label>
Expand Down