# Submit Video Summary User Interface — Symbl.ai

> The Video Summary UI provides users the ability to interact with the Symbl elements (Transcripts, Questions, Follow-Ups, Action Items, etc.) from a video conversation. See the doc here

- Key: `symbl_ai-post-video-summary-ui`
- Type: Action (Write)
- Version: 0.0.6
- App: Symbl.ai (`symbl_ai`) — https://pipedream.com/apps/symbl-ai.md
- This page (HTML): https://pipedream.com/apps/symbl-ai/actions/post-video-summary-ui
- Hints: open-world
- Source: https://github.com/PipedreamHQ/pipedream/blob/master/components/symbl_ai/actions/post-video-summary-ui/post-video-summary-ui.mjs

## Description

The Video Summary UI provides users the ability to interact with the Symbl elements (Transcripts, Questions, Follow-Ups, Action Items, etc.) from a video conversation. See the doc [here](https://docs.symbl.ai/docs/api-reference/experience-api/post-video-summary-ui)

## Props

| Prop | Type | Required | Description |
|---|---|---|---|
| `conversationId` | `string` | Yes | The Id of the Conversation Options are loaded from the connected account. |
| `logo` | `string` | No | URL of the custom logo to be used in the Video Summary UI. |
| `favicon` | `string` | No | URL of the custom favicon to be used in the Video Summary UI. |
| `background` | `string` | No | Background color to be used in the Video Summary UI. Hex Color Codes accepted. |
| `topicsFilter` | `string` | No | Topics Filter Element color to be used in the Video Summary UI. Hex Color Codes accepted. |
| `insightsFilter` | `string` | No | Insights (Questions, Follow-ups, Action Items, etc) Filter Element color to be used in the Video Summary UI. Hex Color Codes accepted. |
| `font` | `string` | No | The name of the font to be used in the Video Summary UI. All fonts available in the Google Fonts are supported. |
| `summaryURLExpiresIn` | `integer` | No | Number of seconds set for expiration time of the Video Summary UI. Zero (0) will set the Video Summary UI to never expire. Default value is set to 2592000 (30 days). |
| `readOnly` | `boolean` | No | Disable the editing capabilities of the Video Summary UI. Default value is false. |
| `enableCustomDomain` | `boolean` | No | Enable generation of personalized URLs for the Video Summary UI. |
| `videoUrl` | `string` | Yes | URL of the video file for which you want to generate the Video Summary UI. |

## Run it

**MCP**

```ts
import { Client } from "@modelcontextprotocol/sdk/client/index.js"
import { StreamableHTTPClientTransport } from "@modelcontextprotocol/sdk/client/streamableHttp.js"
import { PipedreamClient } from "@pipedream/sdk"

const pd = new PipedreamClient({
  projectId: process.env.PIPEDREAM_PROJECT_ID!,
  clientId: process.env.PIPEDREAM_CLIENT_ID!,
  clientSecret: process.env.PIPEDREAM_CLIENT_SECRET!,
  projectEnvironment: "production",
})

const accessToken = await pd.rawAccessToken

const transport = new StreamableHTTPClientTransport(
  new URL("https://remote.mcp.pipedream.net/v3"),
  {
    requestInit: {
      headers: {
        Authorization: `Bearer ${accessToken}`,
        "x-pd-project-id": process.env.PIPEDREAM_PROJECT_ID!,
        "x-pd-environment": "production",
        "x-pd-external-user-id": "{external_user_id}", // any stable ID for this user in your system
        "x-pd-app-slug": "symbl_ai",
      },
    },
  },
)

const mcp = new Client({ name: "my-agent", version: "1.0.0" })
await mcp.connect(transport)

const { tools } = await mcp.listTools()

// listTools() hands your model this tool's input schema, so it can
// fill the arguments itself:
const result = await mcp.callTool({
  name: "symbl_ai-post-video-summary-ui",
  arguments: {
    conversationId: "Conversation Id",
    logo: "Logo",
  },
})
```

**TypeScript**

```ts
import { PipedreamClient } from "@pipedream/sdk"

const pd = new PipedreamClient({
  projectId: process.env.PIPEDREAM_PROJECT_ID!,
  clientId: process.env.PIPEDREAM_CLIENT_ID!,
  clientSecret: process.env.PIPEDREAM_CLIENT_SECRET!,
  projectEnvironment: "production",
})

const result = await pd.actions.run({
  id: "symbl_ai-post-video-summary-ui",
  externalUserId: "{external_user_id}", // any stable ID for this user in your system
  configuredProps: {
    symbl_ai: { authProvisionId: "apn_xxxxxxx" },
    conversationId: "Conversation Id",
    logo: "Logo",
  },
})

console.log(result)
```

**cURL**

```bash
curl -X POST https://api.pipedream.com/v1/connect/{project_id}/actions/run \
  -H "Content-Type: application/json" \
  -H "X-PD-Environment: production" \
  -H "Authorization: Bearer {access_token}" \
  -d '{
    "external_user_id": "{external_user_id}",
    "id": "symbl_ai-post-video-summary-ui",
    "configured_props": {
      "symbl_ai": { "authProvisionId": "apn_xxxxxxx" },
      "conversationId": "Conversation Id",
      "logo": "Logo"
    }
  }'
```

---

- App: https://pipedream.com/apps/symbl-ai.md · All apps: https://pipedream.com/apps