Alex Weininger alexweininger

Introducing Azure canvases for GitHub Copilot

What's a canvas?

Canvas extensions bring interactive tools like dashboards, editors, and guided workflows directly into the GitHub Copilot app. You and your agent share a workspace where you can see progress, make changes, and approve next steps without digging through chat history. Routine interactions, like filtering a table or selecting an option, can run directly in code instead of requiring another model call. That means less waiting and fewer AI credits spent on simple tasks, while keeping the agent available when you need its help.

To learn more about canvases, see: GitHub Copilot Blog: How canvases make agentic workflows visible, steerable, and cost-efficient.

Azure canvases

git.defaultCloneDirectory
git.branchPrefix
git.branchProtection
git.branchRandomName.enable

	import { GenericResource } from "@azure/arm-resources";
	import {
	AzExtParentTreeItem,
	AzExtTreeItem,
	IActionContext,
	ISubscriptionContext,
	TreeItemIconPath
	} from "@microsoft/vscode-azext-utils";
	import * as vscode from "vscode";

	import { GenericResource } from '@azure/arm-resources';
	import { AzExtTreeItem } from '@microsoft/vscode-azext-utils';
	import * as vscode from 'vscode';

	interface TreeNodeConfiguration {
	readonly label: string;
	readonly description?: string;
	readonly icon?: vscode.ThemeIcon;
	readonly contextValue?: string;
	}

	function sleep(ms) {
	return new Promise((resolve) => {
	setTimeout(resolve, ms);
	});
	}

	import { Appwrite } from 'appwrite';

	export type Document<T = any> = T & {
	$id: string;
	$collection: string;
	$permissions: any;
	};

	export type DocumentsList<T = any> = {
	sum: number;

	export function trimQuotes(str: string): string {
	str = str.trim();
	const arr = Array.from(str);
	const quotationMark = '"';
	const first = arr.findIndex(char => char !== quotationMark);
	const last = arr.reverse().findIndex(char => char !== quotationMark);
	return (first === -1 && last === -1) ? '' : str.substring(first, str.length - last);
	}

	{
	"version": "0.2.0",
	"configurations": [
	{
	"name": "Deno",
	"type": "node",
	"request": "launch",
	"cwd": "${workspaceFolder}",
	"runtimeExecutable": "deno",
	"runtimeArgs": ["run", "--inspect-brk", "-A", "${fileBasename}"],