> For the complete documentation index, see [llms.txt](https://docs.agenticflow.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.agenticflow.ai/changelog/office-hour-47-model-selector-and-chat-upgrades.md).

# Office Hour #47: Model Selector Overhaul & Smarter Chat

### 📺 Quick Recap

Office Hour #47 focused on a major **Model Selector redesign** and a set of targeted **Chat improvements** — making it easier than ever to find the right model, understand its capabilities at a glance, and attach files intelligently.

Here's what shipped:

**Model Selector**

* Redesigned **3-column layout** — provider list, model list, and model settings always visible side by side
* **Max Input / Max Output token counts** displayed for every model
* **Vision** and **Reasoning** capability icons shown inline next to model names
* **Provider icons** in the left-hand provider list for faster visual scanning
* Automatic scroll to the currently selected model when the selector opens

**Chat**

* Image uploads are now **restricted to Vision-capable models** only, with clearer capability feedback
* Added support for **.json file attachments**
* File attachments now render as **cards** (file name + type) instead of raw text

**Bug Fixes**

* Agent chat handles file attachments more reliably
* Unsupported file types and oversized files are now filtered before sending
* Telegram publishing integration restored after a service disruption

🎥 Watch the full session:

{% embed url="<https://youtu.be/ZaO1WpdjjRI?si=rZHbGMc4SK_GWtNe>" %}

**Overview:** This release reshapes the **Model Selector** — the surface every agent and chat session passes through — into a three-panel layout that keeps the provider list, model list, and tuning controls visible at the same time. Each model now surfaces its **Max Input / Max Output token counts** and inline **Vision** / **Reasoning** capability badges, so capability discovery happens before you commit to a conversation. On the chat side, image uploads are now gated to Vision-capable models, `.json` attachments are supported, and file attachments render as cards instead of raw text. Plus a cluster of fixes that improve file attachment handling and the Telegram publishing integration.

#### 🎛️ Model Selector — New 3-Column Layout <a href="#model-selector-new-3-column-layout" id="model-selector-new-3-column-layout"></a>

<figure><img src="https://487764224-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ3ppnJjAH1qBNXEYnDPA%2Fuploads%2F7gk4dqtbIBcYv6ssYA7Q%2Fimage.png?alt=media&amp;token=3514de62-685f-4883-b423-19621fd56412" alt=""><figcaption></figcaption></figure>

* **Three panels, always visible.** Provider list on the left, model list in the center, model settings (Temperature, Max Output, Max Input) on the right — no more stacking or collapsing. Compare models across providers and tune parameters without losing your place in the list.
* **Token limits surfaced inline.** Each model shows its **Max Input** and **Max Output** counts directly in the selector, so context-window questions get answered before you start the conversation.​![](https://487764224-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ3ppnJjAH1qBNXEYnDPA%2Fuploads%2FHSHo2swM6Iwe8gUHXp6U%2Fimage.png?alt=media\&token=63995d10-1b60-4ffc-aade-a581aa4421e6)
* **Vision & Reasoning capability badges.** Two new inline icons appear next to every model name — 👁 **Vision** for image input support and 🧠 **Reasoning** for extended chain-of-thought. Capability discovery is instant, especially for newer or less-familiar models.​​![](https://487764224-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ3ppnJjAH1qBNXEYnDPA%2Fuploads%2FLHJ39ITg9JZA3spC1Y1i%2Fimage.png?alt=media\&token=3aab2703-81c0-4d64-804b-c40583eb9505)![](https://487764224-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ3ppnJjAH1qBNXEYnDPA%2Fuploads%2FMzC3mNwlmSMWdyNTpfjY%2Fimage.png?alt=media\&token=0b813a83-e533-4363-a67d-2c4049a84970)
* **Provider icons in the left panel.** Faster visual scanning when picking among the dozens of providers wired into AgenticFlow.![](https://487764224-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ3ppnJjAH1qBNXEYnDPA%2Fuploads%2FyjjknTECFlteU2dHjkEA%2Fimage.png?alt=media\&token=f19fa177-6d30-40ad-9fcb-043366a6f182)

​

* **Auto-scroll to the active model.** Opening the selector now jumps the center panel to whichever model is currently selected, instead of dropping you at the top of the list.

#### 💬 Chat Improvements <a href="#chat-improvements" id="chat-improvements"></a>

* **Image uploads gated to Vision-capable models.** The image attachment button is disabled when the active model lacks the Vision badge, so users can pick a compatible model before sending an image. Switch to any 👁 Vision model to attach images.![](https://487764224-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ3ppnJjAH1qBNXEYnDPA%2Fuploads%2FhmsU6BLDslnBRWaJWEaB%2Fimage.png?alt=media\&token=85c554a1-d03b-44b8-aaed-4e0b10a1fa33)

​​

* **`.json` file attachments supported.** Pass structured data — API responses, configuration payloads, dataset samples — directly into a conversation without copy-pasting.![](https://487764224-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ3ppnJjAH1qBNXEYnDPA%2Fuploads%2FIgFHb0L9UCvLyndZ2KCg%2Fimage.png?alt=media\&token=650ba15d-588f-43fd-81fc-397187bbb462)

​​\* **File attachments render as cards.** Attached files now appear as compact cards showing the file name and type label, replacing the previous raw-text rendering that was easy to lose track of in longer threads.

#### 🐞 Bug Fixes & Stability

* **File attachments in agent chat are more reliable.** Agent conversations now continue normally when a supported file is attached.
* **Unsupported file types and oversized files are filtered before send.** Unsupported formats and over-limit files are caught at upload time with clear feedback. Supported attachment types in agent chat: plain text, PDF, images (on Vision-capable models), JSON, and common document formats, within the per-file size limit.
* **Telegram publishing restored.** The connection has been restored; Telegram remains a fully supported publishing channel for agent outputs and workflow triggers.

![](https://487764224-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ3ppnJjAH1qBNXEYnDPA%2Fuploads%2F2cFHSQG1uajnuEG6b5TM%2Fimage.png?alt=media\&token=1e5d0409-4ce2-4bd2-8730-8c7f27fab024)\
![](https://487764224-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ3ppnJjAH1qBNXEYnDPA%2Fuploads%2FvipwPggwziY2ARlXKKfl%2Fimage.png?alt=media\&token=56e97868-b4a2-47c4-89d8-8525922dca41)

***

#### 🚀 6 Workflow Blueprint Prompts <a href="#id-6-workflow-blueprint-prompts" id="id-6-workflow-blueprint-prompts"></a>

Copy any of the prompts below into **Claude Code** (with the **AgenticFlow CLI** installed) to deploy a fully working workflow in minutes — no manual node-wiring required.

**1. RSS Digest → Email**

> Using the AgenticFlow CLI, deploy the rss-digest-email blueprint. Use the Hacker News RSS feed (<https://hnrss.org/frontpage>) as the source. Set topic to "Hacker News", max\_items to 5, and recipient\_email to your own email.
>
> Deploy, run once, show me the 5-item digest that was generated.
>
> Leave the workflow deployed. Print the Web UI link. One-line note: why this rung of the composition ladder?

***

**2. Job Description Writer**

> Using the AgenticFlow CLI, deploy the job-description-writer blueprint. Use these inputs:
>
> Role: Senior Data Engineer | Seniority: Senior\
> Responsibilities: Design and maintain data pipelines. Build ETL workflows in Python. Own data quality monitoring.\
> Stack: Python, Spark, dbt, Snowflake, Airflow, AWS\
> Company blurb: Series B fintech building real-time credit risk infrastructure.\
> Location: Remote (US/EU)
>
> Deploy, run once, show me the full job description.
>
> Leave the workflow deployed. Print the Web UI link.\
> One-line note: why this rung of the composition ladder?

***

**3. Contract Reviewer**

> Using the AgenticFlow CLI, deploy the contract-reviewer blueprint. Paste in this clause-heavy freelancer contract:
>
> "Payment: Client will pay within 90 days of invoice. IP Ownership: All work product including pre-existing tools shall be exclusive property of Client. Termination: Client may terminate without notice or payment for delivered work. Non-Compete: Provider shall not work in any industry for 2 years post-termination. Liability cap: $100."
>
> Party role: Service Provider (Freelancer). Jurisdiction: California, USA.
>
> Output scope: operational red flags and questions for counsel only. Do not provide legal advice.
>
> Deploy, run once, show me the red flags and negotiation checklist.
>
> Leave the workflow deployed. Print the Web UI link.\
> One-line note: why this rung of the composition ladder?

***

**4. Invoice Parser**

> Using the AgenticFlow CLI, deploy the invoice-parser blueprint. Parse this invoice text:
>
> "Invoice #INV-2025-0042 | Date: May 15 2025 | Due: June 14 2025\
> From: Acme Design Studio, <billing@acmedesign.com>\
> To: TechCorp Inc.\
> UI/UX Design (40h × $150) = $6,000 | Prototype Dev (20h × $150) = $3,000 | Revisions (5h × $150) = $750\
> Subtotal: $9,750 | Tax 8.5%: $828.75 | Total: $10,578.75 | Net 30"
>
> Currency: USD.
>
> Deploy, run once, show me the extracted JSON fields.
>
> Leave the workflow deployed. Print the Web UI link.\
> One-line note: why this rung of the composition ladder?

***

**5. Changelog Writer**

> Using the AgenticFlow CLI, deploy the changelog-writer blueprint. Use these raw commits:
>
> "feat: add dark mode toggle to settings\
> fix: login button unresponsive on mobile Safari\
> feat: export dashboard data to CSV\
> fix: websocket cleanup in connection handler\
> perf: reduce initial bundle size by 35% with code splitting\
> feat: add two-factor authentication via SMS and authenticator app"
>
> Version: v2.5.0. Product: MyApp. Audience: end users.
>
> Deploy, run once, show me the formatted changelog.
>
> Leave the workflow deployed. Print the Web UI link.\
> One-line note: why this rung of the composition ladder?

***

**6. Email Classify & Draft Reply**

> Using the AgenticFlow CLI, deploy the email-classify-reply blueprint. Use this inbound email:
>
> "Hi, I signed up for the Pro plan last week but I was charged twice on my credit card. Please check and correct the duplicate charge. My account email is <john@acme.com> — John"
>
> Sender: John | Your name: Support Team | Company: SaaS Co.
>
> Deploy, run once, show me the classification JSON and the drafted reply.
>
> Leave the workflow deployed. Print the Web UI link.\
> One-line note: why this rung of the composition ladder?

***

### 🔗 Get Started

* **Try AgenticFlow free:** <https://agenticflow.ai/>
* **Model library overview:** <https://docs.agenticflow.ai/>
* **Latest changelog:** <https://docs.agenticflow.ai/changelog>
* **Join our Discord:** <https://qra.ai/discord>
* **Found a bug?** Email <support@agenticflow.ai> with a reproducible case — the team will prioritize it.
