Sync main for Studio

src/lib/components/billing/planSelection.svelte

@@ -2,12 +2,13 @@
     import { BillingPlan } from '$lib/constants';
     import { formatCurrency } from '$lib/helpers/numbers';
     import { currentPlan, organization } from '$lib/stores/organization';
-    import { Badge, Layout, Typography } from '@appwrite.io/pink-svelte';
+    import { Badge, Layout, Tooltip, Typography } from '@appwrite.io/pink-svelte';
     import { LabelCard } from '..';
     import type { Plan } from '$lib/sdk/billing';
     import { page } from '$app/state';
     import { ProfileMode, resolvedProfile } from '$lib/profiles/index.svelte';
     import { InputSelect } from '$lib/elements/forms';
+    import { isFreePlan, isPaidPlan } from '$lib/helpers/billing';
 
     export let disabled = false;
     export let isNewOrg = false;
@@ -113,52 +114,63 @@
     function handleTierChange(group: PlanGroup) {
         billingPlan = selectedTiers[group.key] as BillingPlan;
     }
+
+    function shouldShowTooltip(plan: Plan) {
+        if (isPaidPlan(plan.$id)) return true;
+        else return !anyOrgFree;
+    }
 </script>
 
 <Layout.Stack>
     {#each groupedPlans as group (group.key)}
         {@const basePlan = group.plans[0]}
-        <LabelCard
-            name="plan"
-            bind:group={billingPlan}
-            disabled={!selfService || (basePlan.$id === BillingPlan.FREE && anyOrgFree) || disabled}
-            tooltipShow={basePlan.$id === BillingPlan.FREE && anyOrgFree}
-            value={group.isGrouped ? selectedTiers[group.key] || basePlan.$id : basePlan.$id}
-            title={basePlan.name}>
-            <svelte:fragment slot="action">
-                {#if group.plans.some((plan) => $organization?.billingPlan === plan.$id) && !isNewOrg}
-                    <Badge variant="secondary" size="xs" content="Current plan" />
-                {/if}
-            </svelte:fragment>
-
-            <Layout.Stack direction="column" gap="m">
-                <Layout.Stack direction="column" gap="xxs">
-                    <Typography.Caption variant="400">
-                        {basePlan.desc}
-                    </Typography.Caption>
-
-                    {#if !group.isGrouped}
-                        <Typography.Text>
-                            {@const isZeroPrice = (basePlan.price ?? 0) <= 0}
-                            {@const price = formatCurrency(basePlan.price ?? 0)}
-                            {#if resolvedProfile.id === ProfileMode.STUDIO}
-                                {getPlanLabel(basePlan)}
-                            {:else}
-                                {isZeroPrice ? price : getPlanLabel(basePlan)}
-                            {/if}
-                        </Typography.Text>
+        <Tooltip disabled={shouldShowTooltip(basePlan)} maxWidth="fit-content">
+            <LabelCard
+                name="plan"
+                bind:group={billingPlan}
+                disabled={!selfService || (isFreePlan(basePlan.$id) && anyOrgFree) || disabled}
+                tooltipShow={isFreePlan(basePlan.$id) && anyOrgFree}
+                value={group.isGrouped ? selectedTiers[group.key] || basePlan.$id : basePlan.$id}
+                title={basePlan.name}>
+                <svelte:fragment slot="action">
+                    {#if group.plans.some((plan) => $organization?.billingPlan === plan.$id) && !isNewOrg}
+                        <Badge variant="secondary" size="xs" content="Current plan" />
+                    {/if}
+                </svelte:fragment>
+
+                <Layout.Stack direction="column" gap="m">
+                    <Layout.Stack direction="column" gap="xxs">
+                        <Typography.Caption variant="400">
+                            {basePlan.desc}
+                        </Typography.Caption>
+
+                        {#if !group.isGrouped}
+                            <Typography.Text>
+                                {@const isZeroPrice = (basePlan.price ?? 0) <= 0}
+                                {@const price = formatCurrency(basePlan.price ?? 0)}
+                                {#if resolvedProfile.id === ProfileMode.STUDIO}
+                                    {getPlanLabel(basePlan)}
+                                {:else}
+                                    {isZeroPrice ? price : getPlanLabel(basePlan)}
+                                {/if}
+                            </Typography.Text>
+                        {/if}
+                    </Layout.Stack>
+
+                    {#if group.isGrouped}
+                        <InputSelect
+                            id="tier-{group.key}"
+                            bind:value={selectedTiers[group.key]}
+                            on:change={() => handleTierChange(group)}
+                            options={group.tierOptions} />
                     {/if}
                 </Layout.Stack>
+            </LabelCard>
 
-                {#if group.isGrouped}
-                    <InputSelect
-                        id="tier-{group.key}"
-                        bind:value={selectedTiers[group.key]}
-                        on:change={() => handleTierChange(group)}
-                        options={group.tierOptions} />
-                {/if}
-            </Layout.Stack>
-        </LabelCard>
+            <svelte:fragment slot="tooltip">
+                Only 1 free organization is allowed per account.
+            </svelte:fragment>
+        </Tooltip>
     {/each}
 
     {#if $currentPlan && !currentPlanInList}

src/lib/components/filePicker.svelte

@@ -33,6 +33,7 @@
     import { IconInfo, IconPlus, IconViewGrid, IconViewList } from '@appwrite.io/pink-icons-svelte';
     import { showCreateBucket } from '$routes/(console)/project-[region]-[project]/storage/+page.svelte';
     import { preferences } from '$lib/stores/preferences';
+    import { addNotification } from '$lib/stores/notifications';
 
     export let show: boolean;
     export let mimeTypeQuery: string = 'image/';
@@ -110,7 +111,10 @@
             }
             selectFile(file);
         } catch (e) {
-            console.error(e);
+            addNotification({
+                type: 'error',
+                message: e.message
+            });
         } finally {
             uploading = false;
         }
@@ -351,7 +355,9 @@
                     <Layout.Stack gap="l">
                         <Typography.Title size="s" color="--fgcolor-neutral-primary"
                             >{localFileBucketTitle}</Typography.Title>
-                        <Upload.Dropzone bind:files={localFile} extensions={[allowedExtension]}>
+                        <Upload.Dropzone
+                            bind:files={localFile}
+                            extensions={allowedExtension === '*' ? undefined : [allowedExtension]}>
                             <Layout.Stack alignItems="center" gap="s">
                                 <Layout.Stack alignItems="center" gap="s">
                                     <Layout.Stack
@@ -370,7 +376,9 @@
                                                 <Icon icon={IconInfo} size="s" />
                                             </Layout.Stack>
                                             <svelte:fragment slot="tooltip"
-                                                >{allowedExtension} files are allowed</svelte:fragment>
+                                                >{allowedExtension === '*'
+                                                    ? `${mimeTypeQuery} files are allowed`
+                                                    : `${allowedExtension} files are allowed`}</svelte:fragment>
                                         </Tooltip>
                                     </Layout.Stack>
                                     <Typography.Caption variant="400"

src/lib/components/filters/content.svelte

@@ -14,6 +14,7 @@
     import type { Column } from '$lib/helpers/types';
     import type { Writable } from 'svelte/store';
     import { TagList } from '.';
+    import { toLocalDateTimeISO } from '$lib/helpers/date';
     import { Icon, Layout } from '@appwrite.io/pink-svelte';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
 
@@ -79,7 +80,7 @@
         value = column?.array ? [] : null;
         if (column?.type === 'datetime') {
             const now = new Date();
-            value = now.toISOString().slice(0, 16);
+            value = toLocalDateTimeISO(now.toISOString()).slice(0, 16);
         }
         // Initialize spatial data with default values
         if (column?.type === 'point') {
@@ -108,7 +109,11 @@
         if (isDistanceOperator && distanceValue !== null && value !== null) {
             addFilter(columnsArray, columnId, operatorKey, value, arrayValues, distanceValue);
         } else {
-            addFilter(columnsArray, columnId, operatorKey, value, arrayValues);
+            const preparedValue =
+                column?.type === 'datetime' && typeof value === 'string' && value
+                    ? new Date(value).toISOString()
+                    : value;
+            addFilter(columnsArray, columnId, operatorKey, preparedValue, arrayValues);
         }
 
         columnId = null;

src/lib/components/filters/filtersModal.svelte

@@ -57,7 +57,11 @@
     }
 
     function addCondition() {
-        const newTag = generateTag(selectedColumn, operatorKey, value || arrayValues);
+        const preparedValue =
+            column?.type === 'datetime' && typeof value === 'string' && value
+                ? new Date(value).toISOString()
+                : value;
+        const newTag = generateTag(selectedColumn, operatorKey, preparedValue || arrayValues);
         if (localTags.some((t) => t.tag === newTag.tag && t.value === newTag.value)) {
             return;
         } else {
@@ -66,7 +70,7 @@
                 {
                     id: selectedColumn,
                     operator: operatorKey,
-                    value: value,
+                    value: preparedValue,
                     arrayValues: arrayValues
                 }
             ];