Commit2bf5913

committed

task sidebar iframe: make it wider and add custom pathname

1 parent4d0fe20 commit2bf5913Copy full SHA for 2bf5913

File tree

+18

-4

lines changed

+18

-4

lines changed

Lines changed: 8 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -8,12 +8,14 @@ type TaskAppIFrameProps = {`
`8`	`8`	`task:Task;`
`9`	`9`	`app:WorkspaceApp;`
`10`	`10`	`active:boolean;`
	`11`	`+pathname?:string;`
`11`	`12`	`};`
`12`	`13`
`13`	`14`	`exportconstTaskAppIFrame:FC<TaskAppIFrameProps>=({`
`14`	`15`	`task,`
`15`	`16`	`app,`
`16`	`17`	`active,`
	`18`	`+pathname,`
`17`	`19`	`})=>{`
`18`	`20`	`constagent=task.workspace.latest_build.resources`
`19`	`21`	`.flatMap((r)=>r.agents)`
`@@ -29,9 +31,14 @@ export const TaskAppIFrame: FC<TaskAppIFrameProps> = ({`
`29`	`31`	`workspace:task.workspace,`
`30`	`32`	`});`
`31`	`33`
	`34`	`+consturl=newURL(link.href);`
	`35`	`+if(pathname){`
	`36`	`+url.pathname=pathname;`
	`37`	`+}`
	`38`	`+`
`32`	`39`	`return(`
`33`	`40`	`<iframe`
`34`		`-src={link.href}`
	`41`	`+src={url.toString()}`
`35`	`42`	`title={link.label}`
`36`	`43`	`loading="eager"`
`37`	`44`	`className={cn([active ?"block" :"hidden","w-full h-full border-0"])}`

Lines changed: 9 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@ import { cn } from "utils/cn";`
`29`	`29`	`import{timeFrom}from"utils/time";`
`30`	`30`	`import{truncateURI}from"utils/uri";`
`31`	`31`	`import{TaskAppIFrame}from"./TaskAppIframe";`
`32`		`-import{AI_APP_CHAT_SLUG}from"./constants";`
	`32`	`+import{AI_APP_CHAT_SLUG,AI_APP_CHAT_URL_PATHNAME}from"./constants";`
`33`	`33`
`34`	`34`	`typeTaskSidebarProps={`
`35`	`35`	`task:Task;`
`@@ -49,7 +49,7 @@ export const TaskSidebar: FC<TaskSidebarProps> = ({ task }) => {`
`49`	`49`	`"border-0 border-r border-solid border-border",`
`50`	`50`	`],`
`51`	`51`	`// We want to make the sidebar wider for chat apps`
`52`		`-chatApp ?"w-[440px]" :"w-[320px]",`
	`52`	`+chatApp ?"w-[520px]" :"w-[320px]",`
`53`	`53`	`])}`
`54`	`54`	`>`
`55`	`55`	`<headerclassName="border-0 border-b border-solid border-border p-4 pt-0">`
`@@ -105,7 +105,13 @@ export const TaskSidebar: FC<TaskSidebarProps> = ({ task }) => {`
`105`	`105`	`</header>`
`106`	`106`
`107`	`107`	`{chatApp ?(`
`108`		`-<TaskAppIFrameactivekey={chatApp.id}app={chatApp}task={task}/>`
	`108`	`+<TaskAppIFrame`
	`109`	`+active`
	`110`	`+key={chatApp.id}`
	`111`	`+app={chatApp}`
	`112`	`+task={task}`
	`113`	`+pathname={AI_APP_CHAT_URL_PATHNAME}`
	`114`	`+/>`
`109`	`115`	`) :(`
`110`	`116`	`<TaskStatusestask={task}/>`
`111`	`117`	`)}`

Lines changed: 1 addition & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -1 +1,2 @@`
`1`	`1`	`exportconstAI_APP_CHAT_SLUG="claude-code-web";`
	`2`	`+exportconstAI_APP_CHAT_URL_PATHNAME="/chat/embed";`

Comments

(0)