Ability to open workspace from directory, WorkspaceMeta, and many sync improvements

src-web/components/core/Dialog.tsx

@@ -11,6 +11,7 @@ export interface DialogProps {
   children: ReactNode;
   open: boolean;
   onClose?: () => void;
+  disableBackdropClose?: boolean;
   title?: ReactNode;
   description?: ReactNode;
   className?: string;
@@ -27,6 +28,7 @@ export function Dialog({
   size = 'full',
   open,
   onClose,
+  disableBackdropClose,
   title,
   description,
   hideX,
@@ -51,7 +53,7 @@ export function Dialog({
   );
 
   return (
-    <Overlay open={open} onClose={onClose} portalName="dialog">
+    <Overlay open={open} onClose={disableBackdropClose ? undefined : onClose} portalName="dialog">
       <div
         role="dialog"
         className={classNames(

src-web/components/core/Separator.tsx

@@ -10,7 +10,7 @@ interface Props {
 
 export function Separator({ className, dashed, orientation = 'horizontal', children }: Props) {
   return (
-    <div role="separator" className={classNames(className, 'flex items-center')}>
+    <div role="separator" className={classNames(className, 'flex items-center w-full')}>
       {children && (
         <div className="text-sm text-text-subtlest mr-2 whitespace-nowrap">{children}</div>
       )}