{"revision":"c10276e953456835cdbb1f3a60d58ae1980be353","document":{"id":2978,"path":"application-development/widget-builder.md","title":"Widget Builder","bundle":null,"doc_type":null,"release":"australia","body":"\n# Widget Builder\n\nWidget Builder is where you create, edit, and preview Lux widgets without leaving the browser.\n\n## Widgets catalog\n\nThe Widgets catalog lists every widget on the instance, except internal widgets.\n\n-   Use the search box to filter widgets by name.\n-   Select **Create widget** to open a new widget in the Editor.\n-   Select a widget's action menu for **Edit**, **Clone**, or **Delete**.\n\nUse the scope picker in the header to choose which application scope a widget you create lands in.\n\nA widget included with the base system, or one from a store app rather than created by you, shows a locked state. Trying to edit or delete it is blocked. For details, see [Customize a base system widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/customize-a-base-system-widget.md).\n\n## Editor\n\nSelecting or creating a widget opens the Editor, a three-panel workspace, at `/aiux/builder/edit/widget/-1` for a new widget, or `/aiux/builder/edit/widget/{widget_sys_id}` for an existing one.\n\n-   **Chat panel**\n\n    Describe what to build or change in natural language. Collapsible and resizable.\n\n-   **Widget editor**\n\n    Tabs for **Preview**, **Component**, and **Script**. This is where you read and write the widget's code and see it rendered live.\n\n-   **Property panel**\n\n    **Widget Properties** and **Preview Props** modes. Collapsible and resizable.\n\n\nSee [Create a widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/create-a-widget.md) and [Widget editor](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/widget-editor.md) for what to do in each panel.\n\n\\[Omitted image \"aiux-builder-editor-overview.png\"\\] Alt text: Editor showing the chat, widget editor, and property panels\n\n## Build Service\n\nSelecting Save or Publish hands the widget to the Build Service, an in-browser build tool powered by `now-sdk`. The Build Service compiles the widget to publish and deploy it to your instance.\n\n**Note:** The first time you open the Editor, Widget Builder sets up the Build Service. A modal shows progress while this completes, it can take a few minutes.\n\n\\[Omitted image \"aiux-builder-build-service-setup.png\"\\] Alt text: Build Service setup progress modal\n\n"}}