Add CSV download option to table 3-dot menu

[vkarpov15]

Motivation

• Provide an easy way for users to export table outputs as CSV from both chat script outputs and dashboard views by adding a contextual actions menu to table renders.

Description

• Add a 3-dot actions menu to the dashboard-table component UI and a Download as CSV menu item in frontend/src/dashboard-result/dashboard-table/dashboard-table.html.
• Implement dropdown state and outside-click dismissal with showDropdown, toggleDropdown, and handleBodyClick in frontend/src/dashboard-result/dashboard-table/dashboard-table.js.
• Add CSV generation and download logic via escapeCsvCell and downloadCsv, which handles CSV-safe escaping of quotes, object cell rendering via displayValue, and triggers a browser download using Blob/URL.createObjectURL with a success toast.
• Wire up lifecycle hooks (mounted/unmounted) to manage the outside-click handler and add a /* global Blob, URL, document */ annotation for linting.

Testing

• Ran npm run lint and it completed successfully.

---

Codex Task

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
studio	Ready	Preview, Comment	Apr 6, 2026 7:32pm

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 71152038f2

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[chatgpt-codex-connector]

Handle array ref when dismissing table actions menu

Because ref="dropdown" is declared inside a v-for in the table header template, Vue 3 exposes this.$refs.dropdown as an array; in that case dropdown.contains is undefined and the outside-click branch never runs. As a result, opening the 3-dot menu and clicking elsewhere leaves the dropdown stuck open unless the user clicks the trigger again.

Useful? React with 👍 / 👎.

[Copilot]

Pull request overview

Adds a contextual 3-dot actions menu to rendered dashboard tables so users can download the table output as a CSV, and updates local dev config to include a Gemini API key option.

Changes:

• Added a dropdown actions menu to dashboard-table and a “Download as CSV” action.
• Implemented client-side CSV generation + download (Blob + object URL) and outside-click dropdown dismissal.
• Updated local.js to pass through a Google Gemini API key env var.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 3 comments.

File	Description
local.js	Adds googleGeminiAPIKey to local dev options (env var wiring).
frontend/src/dashboard-result/dashboard-table/dashboard-table.js	Adds dropdown state/handlers and CSV export/download logic.
frontend/src/dashboard-result/dashboard-table/dashboard-table.html	Adds the 3-dot menu UI and “Download as CSV” action button.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.