use workspace title

src/api/api.ts

@@ -13,7 +13,7 @@ const getCommandApiUrl = (host: string) => {
 export async function getMe(): Promise<User> {
   const me = await apiCall<{
     email: string;
-    workspaces: Array<{ name: string }>;
+    workspaces: Array<{ name: string; title: string }>;
   }>(meUrl, { method: "GET" });
   return {
     ...me,

src/api/fetcher.ts

@@ -79,7 +79,10 @@ const createEntityCommands = ({
     throw Error(`Type ${type["fibery/name"]} doesn't have title field`);
   }
   const urlField = type["fibery/fields"].find((field) => {
-    return field["fibery/meta"]["ui/type"] === "url";
+    return (
+      field["fibery/meta"]["ui/type"] === "url" ||
+      field["fibery/type"] === "fibery/url"
+    );
   });
   return [
     {

src/components/app.tsx

@@ -74,11 +74,6 @@ function getTypes(schema: Schema) {
   return typesByGroup;
 }
 
-function getWorkspaceName(host: string) {
-  const [name] = host.split(".");
-  return name;
-}
-
 function TypesSelect({
   onChange,
   value,
@@ -325,9 +320,9 @@ function Form({
             id="workspace"
           >
             <option value="">Select Workspace</option>
-            {me.workspaces.map(({ name }) => (
+            {me.workspaces.map(({ name, title }) => (
               <option key={name} value={name}>
-                {getWorkspaceName(name)}
+                {title}
               </option>
             ))}
           </select>

src/types.ts

@@ -1,6 +1,6 @@
 export type User = {
   email: string;
-  workspaces: Array<{ name: string }>;
+  workspaces: Array<{ name: string; title: string }>;
   lastUsedWorkspace?: string;
   lastUsedType?: string;
   lastUsedTypeName?: string;