# Dev

> ## Documentation Index

## Pages

- [null](agents.md): ## Documentation Index
- [Add file to graph](add-file-to-graph.md): ## Documentation Index
- [Add terms](add-terms.md): paths:
- [Add files to Writer Cloud](addfilestowritercloud.md): ## Documentation Index
- [Add to Knowledge Graph](addtoknowledgegraph.md): ## Documentation Index
- [Add to state list](addtostatelist.md): ## Documentation Index
- [Understand agent architecture](agent-architecture.md): ## Documentation Index
- [Learn about Agent Builder](agent-builder-link.md): ## Documentation Index
- [Monitor agent performance](agent-observability.md): ## Documentation Index
- [AI detection](ai-detect.md): ## Documentation Index
- [Writer AI module](ai-module.md): This module leverages the [Writer Python SDK](https://pypi.org/project/writer-sdk/) to enable applications to interac...
- [AI Studio Agent](aistudioagent.md): ## Documentation Index
- [Analyze images](analyze-images.md): ## Documentation Index
- [Annotated Text](annotatedtext.md): Shows text with annotations
- [Manage API keys](api-keys.md): ## Documentation Index
- [Generate from application](api-reference-link.md): ## Documentation Index
- [Trigger blueprints via API](api-trigger.md): ## Documentation Index
- [API Trigger](apitrigger.md): ## Documentation Index
- [Application details](application-details.md): ## Documentation Index
- [Retrieve all jobs](application-jobs.md): ## Documentation Index
- [Application state](application-state.md): Each session is assigned a unique application state by the Framework.
- [Use no-code agents as tools](applications-tool-calling.md): ## Documentation Index
- [Generate from application](applications.md): ## Documentation Index
- [Ask graph question](askgraphquestion.md): ## Documentation Index
- [Run agents asynchronously](async-applications.md): ## Documentation Index
- [Authentication](authentication.md): The Writer Framework authentication module allows you to restrict access to your application. Framework will be able ...
- [AWS Bedrock](aws-bedrock.md): ## Documentation Index
- [Backend-driven UI](backend-driven-ui.md): Framework facilitates backend-initiated user interface modifications. These changes are made possible through **Code-...
- [Backend-initiated actions](backend-initiated-actions.md): Targeted, backend-initiated actions can be triggered from event handlers, using methods of`state`. Internally, this ...
- [Invoke Palmyra models on Amazon Bedrock](bedrock.md): ## Documentation Index
- [Builder basics](builder-basics.md): Writer Framework Builder’s interface is an overlay on top of the running app, which allows you to edit your app while...
- [Button](button.md): A standalone button component that can be linked to a click event handler.
- [Changelog](changelog.md): ## Documentation Index
- [Change page](changepage.md): ## Documentation Index
- [Chat assistant](chat-assistant.md): In this tutorial, you'll use the Writer Framework to create a simple yet powerful chat assistant that can engage in c...
- [Chat completion](chat-completion.md): ## Documentation Index
- [Chat with Knowledge Graph](chat-kg.md): ## Documentation Index
- [Add images to chat completions](chat-with-images.md): ## Documentation Index
- [Chat](chat.md): ## Documentation Index
- [Build a chatbot connected to a Knowledge Graph](chatbot-tutorial.md): ## Documentation Index
- [Chatbot](chatbot.md): A chatbot component to build human-to-AI interactions.
- [Chat reply](chatreply.md): ## Documentation Index
- [Checkbox Input](checkboxinput.md): A user input component that allows users to choose multiple values from a list of options using checkboxes.
- [Choose your use case](choosing.md): ## Documentation Index
- [Classification](classification.md): ## Documentation Index
- [Deploy to Writer Cloud](cloud-deploy.md): ## Documentation Index
- [Collaborate on agents](collaboration.md): ## Documentation Index
- [Column](column.md): A layout component that organizes its child components in columns. Must be inside a Column container component.
- [Column Container](columns.md): Serves as container for Column components
- [Column](component-list-link.md): ## Documentation Index
- [Add styling to the agent UI](component-styles.md): ## Documentation Index
- [Migrate from medical comprehend API to LLM tool](comprehend-medical.md): ## Documentation Index
- [Cookbooks](cookbooks.md): ## Documentation Index
- [Create graph](create-graph.md): ## Documentation Index
- [Custom components](custom-components.md): It's possible to extend Framework with custom component templates.
- [Custom connectors](custom-connectors.md): ## Documentation Index
- [Custom server](custom-server.md): Framework uses Uvicorn and serves the app in the root path i.e.`/`. If you need to use another ASGI-compatible serve...
- [Databricks connector](databricks.md): ## Documentation Index
- [DataFrame](dataframe.md): A component to display Pandas DataFrames.
- [Build data tables with DataFrames](dataframes.md): ## Documentation Index
- [Date Input](dateinput.md): A user input component that allows users to select a date using a date picker interface.
- [Delete file](delete-file.md): ## Documentation Index
- [Delete graph](delete-graph.md): ## Documentation Index
- [Delete snippets](delete-snippets.md): paths:
- [Delete terms](delete-terms.md): paths:
- [Agent Builder Demo Application](demo-agent.md): ## Documentation Index
- [Deploy with Docker](deploy-with-docker.md): ## Documentation Index
- [Deploy an agent](deploying-an-agent.md): ## Documentation Index
- [Compare deployment options](deployment-options.md): ## Documentation Index
- [Detect If the content is AI generated](detect-if-the-content-is-ai-generated.md): paths:
- [Choose your development path](development-options.md): ## Documentation Index
- [Download file](download-file.md): ## Documentation Index
- [Create an earnings call agent](earnings-call-agent.md): ## Documentation Index
- [Edit an agent](editing-an-agent.md): ## Documentation Index
- [Understand error codes](error-codes.md): ## Documentation Index
- [Understand error codes](error-handling.md): ## Documentation Index
- [Event handlers](event-handlers.md): Events originate in the front-end, for example, when a user clicks a *Button* component. Using the Builder, these eve...
- [Using data from previous blocks](execution-environment.md): ## Documentation Index
- [Add external models](external-models.md): ## Documentation Index
- [FactSet connector](factset.md): ## Documentation Index
- [File Input](fileinput.md): A user input component that allows users to upload files.
- [Retry failed files](files-retry.md): ## Documentation Index
- [Manage files](files.md): ## Documentation Index
- [Find snippets](find-snippets.md): paths:
- [Find terms](find-terms.md): paths:
- [For-each loop](for-eachloop.md): ## Documentation Index
- [Frontend scripts](frontend-scripts.md): Framework can import custom JavaScript/ES6 modules from the front-end. Module functions can be triggered from the bac...
- [Generate from application (async)](generate-application-job.md): ## Documentation Index
- [Understand generative AI](generative-ai-overview.md): ## Documentation Index
- [List files](get-all-files.md): ## Documentation Index
- [Retrieve graphs](get-application-graphs.md): ## Documentation Index
- [null](get-cowriteorganization-team-template.md): paths:
- [Retrieve file](get-file.md): ## Documentation Index
- [Retrieve a single job](get-single-async-job.md): ## Documentation Index
- [Get your organization subscription details](get-your-organization-subscription-details.md): paths:
- [Gmail connector](gmail.md): ## Documentation Index
- [Gong connector](gong.md): ## Documentation Index
- [Google Calendar connector](google-calendar.md): ## Documentation Index
- [Google Docs connector](google-docs.md): ## Documentation Index
- [Google Sheets connector](google-sheets.md): ## Documentation Index
- [Set up Bedrock guardrails](guardrails-bedrock.md): ## Documentation Index
- [Configure guardrails](guardrails.md): ## Documentation Index
- [Handling inputs](handling-inputs.md): There are two, complementary, ways to handle inputs in Framework: via event handlers and via binding.
- [Heading](heading.md): export const my_text_0 = undefined
- [Horizontal Stack](horizontalstack.md): A layout component that stacks its child components horizontally, wrapping them to the next row if necessary.
- [HTML Element](html.md): A generic component that creates customisable HTML elements, which can serve as containers for other components.
- [HTTP Request](httprequest.md): ## Documentation Index
- [HubSpot connector](hubspot.md): ## Documentation Index
- [If-Else](if-else.md): ## Documentation Index
- [IFrame](iframe.md): A component to embed an external resource in an iframe.
- [Image](image.md): A component to display images.
- [Work with inline citations in Knowledge Graph responses](inline-citations.md): ## Documentation Index
- [Structured output with Instructor](instructor.md): ## Documentation Index
- [Explore integrations](integrations-overview.md): ## Documentation Index
- [Writer AI Studio](introduction.md): ## Documentation Index
- [Process invoices and send to Slack](invoice-processing.md): ## Documentation Index
- [JSON Viewer](jsonviewer.md): A component to explore JSON data as a hierarchy.
- [Key-Value Storage](key-valuestorage.md): ## Documentation Index
- [Use a Knowledge Graph in a chat](kg-chat.md): ## Documentation Index
- [Ask questions to Knowledge Graphs](kg-query.md): ## Documentation Index
- [Connect your data to AI with Knowledge Graph](knowledge-graph-concepts.md): ## Documentation Index
- [Configure Knowledge Graph query parameters](knowledge-graph-query-config.md): ## Documentation Index
- [Create and manage a Knowledge Graph](knowledge-graph.md): ## Documentation Index
- [Using Writer with LangChain](langchain.md): ## Documentation Index
- [View supported languages](language-support.md): ## Documentation Index
- [Language support](language-support-2.md): ## Documentation Index
- [Link](link.md): A component to create a hyperlink.
- [List applications](list-applications.md): ## Documentation Index
- [List graphs](list-graphs.md): ## Documentation Index
- [List models](list-models.md): ## Documentation Index
- [List users](list-users.md): paths:
- [List your styleguide pages](list-your-styleguide-pages.md): paths:
- [Create and test agents locally](local-development.md): ## Documentation Index
- [Log message](logmessage.md): ## Documentation Index
- [Configure connectors](mcp-gateway.md): ## Documentation Index
- [MCP server](mcp-server.md): ## Documentation Index
- [Extract entities from unstructured medical text](medical-comprehend.md): ## Documentation Index
- [Message](message.md): A component that displays a message in various styles, including success, error, warning, and informational.
- [Metric](metric.md): A component that prominently displays a metric value and associated information.
- [Microsoft Calendar connector](microsoft-calendar.md): ## Documentation Index
- [Microsoft OneDrive connector](microsoft-onedrive.md): ## Documentation Index
- [Microsoft Outlook connector](microsoft-outlook.md): ## Documentation Index
- [Microsoft SharePoint connector](microsoft-sharepoint.md): ## Documentation Index
- [Microsoft Teams connector](microsoft-teams.md): ## Documentation Index
- [Mitigate bias in AI outputs](mitigating-bias.md): ## Documentation Index
- [Use another LLM as a tool](model-delegation.md): ## Documentation Index
- [Configure model parameters](model-parameters.md): ## Documentation Index
- [Choose a model](models-overview.md): ## Documentation Index
- [Choose a model](models.md): ## Documentation Index
- [Multiselect Input](multiselectinput.md): ## Documentation Index
- [Create a newsletter generation agent](newsletter-agent.md): ## Documentation Index
- [Number Input](numberinput.md): A user input component that allows users to enter numeric values.
- [Platform observability](observability.md): ## Documentation Index
- [Using Writer with OpenLLMetry](openllmetry.md): ## Documentation Index
- [Learn about Agent Builder](overview.md): ## Documentation Index
- [Page details](page-details.md): paths:
- [Page routes](page-routes.md): Framework apps can have multiple pages, with parametrised routes. Pages can be switched from the front-end or the bac...
- [Page](page.md): ## Documentation Index
- [Paginate API results](pagination.md): ## Documentation Index
- [Palmyra Med vocabularies and entities](palmyra-med-vocabularies.md): ## Documentation Index
- [Parse a PDF](parse-pdf.md): ## Documentation Index
- [Parse JSON](parsejson.md): ## Documentation Index
- [Parse PDF tool](parsepdftool.md): ## Documentation Index
- [Parse PDF](pdf-parser.md): ## Documentation Index
- [PDF](pdf.md): A component to embed PDF documents.
- [PitchBook connector](pitchbook.md): ## Documentation Index
- [Plotly Graph](plotlygraph.md): export const fig_0 = undefined
- [null](post-contentorganization-team-check.md): paths:
- [null](post-contentorganization-team-correct.md): paths:
- [null](post-cowriteorganization-team-generate.md): paths:
- [Retry job execution](post-retry-async-job.md): ## Documentation Index
- [Pricing](pricing.md): ## Documentation Index
- [Product description generator](product-description-generator.md): In this tutorial, you'll use the Writer Framework to build a Saturn Snacks product description generator for a variet...
- [Progress Bar](progressbar.md): ## Documentation Index
- [Secure prompts against attacks](prompt-injections.md): ## Documentation Index
- [Write effective prompts](prompting.md): ## Documentation Index
- [Associate graphs](put-application-graphs.md): ## Documentation Index
- [Add custom Python code](python-code.md): ## Documentation Index
- [Python libraries installed in Agent Builder](python-libraries.md): ## Documentation Index
- [Access secrets in Python code](python-secrets.md): ## Documentation Index
- [Python code](pythoncode.md): ## Documentation Index
- [Question](question.md): ## Documentation Index
- [Quickstart tutorial](quickstart-tutorial.md): ## Documentation Index
- [Agent Builder Quickstart](quickstart.md): ## Documentation Index
- [Radio Input](radioinput.md): A user input component that allows users to choose a single value from a list of options using radio buttons.
- [Slider Range Input](rangeinput.md): A user input component that allows users to select numeric values range using a range slider with optional constraint...
- [Understand rate limits](rate-limits.md): ## Documentation Index
- [Rating Input](ratinginput.md): A user input component that allows users to provide a rating.
- [Release notes generator](release-notes-generator.md): In this tutorial, you'll build a release notes generator using the Writer Framework. This application will help you g...
- [Remove file from graph](remove-file-from-graph.md): ## Documentation Index
- [Build dynamic UI components with Repeaters](repeater.md): ## Documentation Index
- [Research](research.md): ## Documentation Index
- [Retrieve graph](retrieve-graph.md): ## Documentation Index
- [Return value](returnvalue.md): ## Documentation Index
- [Reuse Component](reuse.md): Those components are used to reuse other components. Reused components share the same state and are updated together.
- [Root](root.md): ## Documentation Index
- [Run blueprint](runblueprint.md): ## Documentation Index
- [Salesforce Data Cloud connector](salesforce-data-cloud.md): ## Documentation Index
- [Salesforce Platform API connector](salesforce-platform-api.md): ## Documentation Index
- [Salesforce Revenue Cloud connector](salesforce-revenue-cloud.md): ## Documentation Index
- [Sample app library](sample-apps.md): Writer Framework lets you build a wide variety of applications across different domains. Here are some sample apps to...
- [SDKs](sdks.md): ## Documentation Index
- [Store secrets with Vault](secrets.md): ## Documentation Index
- [Section](section.md): A container component that divides the layout into sections, with an optional title.
- [Secure your integration](security.md): ## Documentation Index
- [Select Input](selectinput.md): A user input component that allows users to select a single or multiples value(s) from a searchable list of options.
- [SEO and social sharing](seo.md): Writer Framework provides powerful options for optimizing your application's metadata to improve SEO (Search Engine O...
- [Separator](separator.md): A visual component to create a separation between adjacent elements.
- [Sessions](sessions.md): Sessions are designed for advanced use cases, being most relevant when Framework is deployed behind a proxy.
- [Set state](setstate.md): ## Documentation Index
- [Sidebar](sidebar.md): A container component that organizes its children in a sidebar. Its parent must be a Page component.
- [Slack connector](slack.md): ## Documentation Index
- [Slider Input](sliderinput.md): A user input component that allows users to select numeric values using a slider with optional constraints like min, ...
- [Snowflake connector](snowflake.md): ## Documentation Index
- [Social post generator](social-post-generator.md): In this tutorial, you'll use the Writer Framework to build an AI-powered tool for generating social media posts and t...
- [State schema](state-schema.md): Schema declarations on the [Application state](./application-state) allows Framework to handle complex serialisation
- [Manage agent state](state.md): ## Documentation Index
- [Step](step.md): A container component that displays its child components as a step inside a Step container.
- [Step Container](steps.md): A container component for displaying Step components, allowing you to implement a stepped blueprint.
- [Using Writer with AWS Strands Agents](strands.md): ## Documentation Index
- [Stream responses from the API](streaming.md): ## Documentation Index
- [Receive structured outputs](structured-output.md): ## Documentation Index
- [Structured output](structuredoutput.md): ## Documentation Index
- [Stylesheets](stylesheets.md): The appearance of your application can be fully customised via CSS stylesheets. These are dynamically linked during r...
- [Upload, parse, and summarize PDFs](summarize-pdfs.md): ## Documentation Index
- [Switch Input](switchinput.md): A user input component with a simple on/off status.
- [Sync agents between local and cloud](sync-agent.md): ## Documentation Index
- [Tab](tab.md): A container component that displays its child components as a tab inside a Tab container.
- [Tab Container](tabs.md): A container component for organising and displaying Tab components in a tabbed interface.
- [Tags](tags.md): A component to display coloured tag pills.
- [Column test](temp-component.md): ## Documentation Index
- [Testing](testing.md): Testing a Framework application is easy. Given that event handlers are plain Python functions that take arguments suc...
- [Text generation](text-generation.md): ## Documentation Index
- [Text-to-graph](text-to-graph.md): ## Documentation Index
- [Text](text.md): export const my_text_0 = undefined
- [Text area Input](textareainput.md): A user input component that allows users to enter multi-line text values.
- [Text generation](textgeneration.md): ## Documentation Index
- [Text Input](textinput.md): A user input component that allows users to enter single-line text values.
- [Time Input](timeinput.md): A user input component that allows users to select a time.
- [Timer](timer.md): A component that emits an event repeatedly at specified time intervals, enabling time-based refresh.
- [Understand tokens](tokens.md): ## Documentation Index
- [Understand tool calling](tool-calling-intro.md): ## Documentation Index
- [Tool calling with external APIs](tool-calling-tutorial.md): ## Documentation Index
- [Use tool calling in Agent Builder](tool-calling.md): ## Documentation Index
- [Tool calling](toolcalling.md): ## Documentation Index
- [Toxic check](toxic-check.md): ## Documentation Index
- [Translate text](translate.md): ## Documentation Index
- [Migrate from translation API to translation tool](translation-api.md): ## Documentation Index
- [Translate text in a chat](translation-tool.md): ## Documentation Index
- [Translate text](translation.md): ## Documentation Index
- [Transparency](transparency.md): ## Documentation Index
- [Troubleshoot common issues](troubleshooting.md): ## Documentation Index
- [UI Trigger](uitrigger.md): ## Documentation Index
- [Update graph](update-graph.md): ## Documentation Index
- [Update snippets](update-snippets.md): paths:
- [Update terms](update-terms.md): paths:
- [Upload file](upload-files.md): ## Documentation Index
- [Usage policy](usage-policy.md): ## Documentation Index
- [Video Player](videoplayer.md): A Video player component that can play various video formats.
- [Analyze images in a chat](vision-tool.md): ## Documentation Index
- [Add web content to a Knowledge Graph](web-connector-url.md): ## Documentation Index
- [Web search in a chat](web-search-tool.md): ## Documentation Index
- [Migrate from web search API to web search tool](web-search.md): ## Documentation Index